首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如果获得字符串形式的名称,如何在typescript中运行自定义函数?

在TypeScript中,如果获得字符串形式的名称,可以使用以下步骤来运行自定义函数:

  1. 首先,确保你的函数已经定义并且可用。例如,假设你有一个名为myFunction的函数。
  2. 创建一个对象,将函数名称作为对象的属性。例如,使用myFunction作为属性名创建一个对象functions
代码语言:txt
复制
const functions = {
  myFunction: () => {
    // 自定义函数的实现
  }
};
  1. 然后,通过字符串形式的函数名称来访问该函数。可以使用对象的索引操作符[]来实现。
代码语言:txt
复制
const functionName = 'myFunction';
functions[functionName](); // 调用自定义函数

这样,你就可以在TypeScript中根据字符串形式的名称运行自定义函数了。

对于这个问题,腾讯云没有特定的产品或链接与之相关。

相关搜索:如何在Typescript中以字符串形式获取接口的属性名/键名如何在python中获得一个干净的函数签名,如代码库所示?如何在typescript中定义返回字符串或对象的函数?如何在边缘中执行名称为字符串的JavaScript函数如何在Python 3中多次运行函数以获得不同的结果Linux中C++函数在运行时与函数名称字符串的绑定如何在TypeScript 2.0中定义检查参数是否为字符串的函数如果有任何字符串形式和列表形式的数学表达式,你将如何在Python中解决它?如何在函数中接受字符串类型,然后将其映射到typescript中的键值对?如果在textera中输入35或更大的值,是否可以运行函数以获得免费送货如何在formGroup中传递来自typescript的自定义字符串,并在*ngFor模板中读取它的值?如何在typescript中为接受1个参数或2个参数的函数定义参数名称和类型?如何在PySpark中创建一个返回字符串数组的自定义函数?如何在自定义CALayer子类的覆盖绘制函数中在macOS上绘制字符串??如何在sql中编写一个自定义函数来统计给定字符串中的字符数( len函数的后端代码)?如何在Typescript中输入一个返回2个或更多字符串数组交集的递归函数?T-sql,运行其名称存储在字符串variable...with中的函数,类似于捕获返回值的exec...and给定一个已有的键,如何在有序的typescript字符串枚举中获得下一个或上一个键?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

分享 30 道 TypeScript 相关面的面试题

随着技术格局的不断发展,对 TypeScript 开发人员的需求也在不断增加,技能要求也有所提升,但如何在面试中让自己脱颖而出呢?...03、在什么场景下你会使用自定义类型,它们在 TypeScript 中是如何定义的? 答案:当我们有复杂的结构或重复的模式时,使用 type 关键字或接口定义的自定义类型是有益的。...答案:联合类型是一种表示一个值可以属于多种类型之一的方式。例如,如果函数接受字符串和数字作为参数,则可以将其键入为 function example(arg: string | number)。...上下文输入等功能有助于函数表达式等场景。 27、什么是类型防护,如何创建自定义类型防护? 答案:类型保护是执行运行时检查并缩小条件块内类型范围的表达式。...30、解释在高级类型场景中如何以及为何使用 keyof 和 typeof 运算符。 答案:keyof 运算符生成给定类型的已知公共属性名称的并集,这对于限制可能的字符串值或创建映射类型很有用。

1K30
  • 如何在 TypeScript 中使用函数

    当我们在函数体中返回字符串时,TypeScript 正确地假定我们的函数具有字符串返回类型。...如果我们将鼠标悬停在编辑器中的 userFullName 常量上,编辑器会将其类型识别为字符串。 TypeScript 中的可选函数参数 创建函数时并不总是需要所有参数。...在本节中,我们将学习如何在 TypeScript 中将函数参数标记为可选。 要将函数参数转换为可选参数,请添加 ? 参数名称后面的修饰符。...在 JavaScript 中,这通常是通过有一个参数来完成的,该参数可以采用不同类型的值,如字符串或数字。将多个实现设置为相同的函数名称称为函数重载。...结论 函数是 TypeScript 中应用程序的构建块,在本教程中,我们学习了如何在 TypeScript 中构建类型安全的函数,以及如何利用函数重载来更好地记录单个函数的所有变体。

    15K10

    深入学习下 TypeScript 中的泛型

    在今天的内容中,我们将尝试 TypeScript 泛型的真实示例,并探索它们如何在函数、类型、类和接口中使用。...为了获得这些好处,您可以使用像 Visual Studio Code 这样的文本编辑器,它完全支持开箱即用的 TypeScript。...这显示在以下屏幕截图中: 了解如何在 TypeScript 中创建泛型后,您现在可以继续探索在特定情况下使用泛型。本教程将首先介绍如何在函数中使用泛型。...这是正确的,因为 A 确实扩展了字符串类型而 B 没有扩展字符串类型,因为它被设置为具有字符串类型的单个名称属性的对象的类型。...结论 在本教程中,我们探索适用于函数、接口、类和自定义类型的泛型,以及使用了泛型来创建映射类型和条件类型。 这些都使泛型成为您在使用 TypeScript 时可以随意使用的强大工具。

    39K30

    深入学习下 TypeScript 中的泛型

    在今天的内容中,我们将尝试 TypeScript 泛型的真实示例,并探索它们如何在函数、类型、类和接口中使用。...为了获得这些好处,您可以使用像 Visual Studio Code 这样的文本编辑器,它完全支持开箱即用的 TypeScript。...这显示在以下屏幕截图中:了解如何在 TypeScript 中创建泛型后,您现在可以继续探索在特定情况下使用泛型。本教程将首先介绍如何在函数中使用泛型。...这是正确的,因为 A 确实扩展了字符串类型而 B 没有扩展字符串类型,因为它被设置为具有字符串类型的单个名称属性的对象的类型。...结论在本教程中,我们探索适用于函数、接口、类和自定义类型的泛型,以及使用了泛型来创建映射类型和条件类型。 这些都使泛型成为您在使用 TypeScript 时可以随意使用的强大工具。

    17810

    【TypeScript 演化史 — 第六章】对象扩展运算符和 rest 运算符及 keyof 和查找类型

    它接受两个参数:一个 URL 和一个 options 对象,options 包含请求的任何自定义设置。 在应用程序中,可以封装对fetch()的调用,并提供默认选项和覆盖给定请求的特定设置。...如果一个属性同时出现在两个对象中,则后分配的会替换前面的。 当然,TypeScript 理解这种顺序。...一个对象的不同属性可以有完全不同的类型,咱们甚至不知道 obj 是什么样子的。 那么如何在 TypeScript 中编写这个函数呢?...,TypeScript 就不知道将为 key 参数传递哪个值,所以它不能推断出prop函数的更具体的返回类型。...TypeScript 2.1 新增加 keyof 操作符。输入索引类型查询或 keyof,索引类型查询keyof T产生的类型是 T的属性名称。

    3.2K50

    掌握 TypeScript:20 个提高代码质量的最佳实践

    这意味着,如果你声明一个变量为字符串类型,TypeScript 将确保分配给该变量的值确实是字符串而不是数字,例如。这有助于您及早发现错误,并确保您的代码按照预期工作。...例如,在以下代码片段中,TypeScript 会自动推断 name 变量的类型为字符串: let name = "John"; 类型推断在处理复杂类型或将变量初始化为从函数返回的值时特别有用。...最佳实践11:使用枚举 枚举(Enums)是 TypeScript 中定义一组命名常量的一种方式。它们可以用于创建更具可读性和可维护性的代码,通过给一组相关的值赋予有意义的名称。...} let orderStatus: OrderStatus = OrderStatus.Pending; 枚举还可以有自定义的一组数字值或字符串值: enum OrderStatus { Pending...文章中还介绍了一些如何使用 TypeScript 的高级特性的最佳实践,例如使用类型别名和枚举,以提高代码的可读性和可维护性。此外,该文章还强调了如何使用可选链操作符来避免一些运行时错误。

    4.2K30

    30个小知识让你更清楚TypeScript

    因此,你可以在编写代码时发现编译时错误,而无需运行脚本。 可选的静态类型:如果你习惯了 JavaScript 的动态类型,TypeScript 还允许可选的静态类型。...类型断言本质上是类型转换的软版本,它建议编译器将变量视为某种类型,但如果它处于不同的形式,则不会强制它进入该模型。 9、如何在 TypeScript 中创建变量?...Mixins 允许你通过组合以前类中更简单的部分类设置来构建新类。 相反,类A继承类B来获得它的功能,类B从类A需要返回一个新类的附加功能。...要在 TypeScript 中重载函数,只需创建两个名称相同但参数/返回类型不同的函数。两个函数必须接受相同数量的参数。这是 TypeScript 中多态性的重要组成部分。...例如,你可以创建一个add函数,如果它们是数字,则将两个参数相加,如果它们是字符串,则将它们连接起来。

    4.8K20

    四、HarmonyOS应用开发-ArkTS开发语言介绍

    大家在学习过程中,如果没有搭建TypeScript的开发环境,也可以直接使用在线 Playground 平台(https://www.typescriptlang.org/play)进行编码练习。...1.2、基础类型 TypeScript支持一些基础的数据类型,如布尔型、数组、字符串等,下面举例几个较为常用的数据类型,我们来了解下他们的基本使用。...函数是一组一起执行一个任务的语句,函数声明要告诉编译器函数的名称、返回类型和参数。...React示例 图1 React示例 以上代码描述了React如何在指定的页面元素(id为id01的div元素)中改变相应的字符串内容(从"Hello World!"...更完善的类型系统 我们已经设计并实现了专门运行时,利用ArkTS的类型输入,在程序执行一开始就获得较高的运行性能(不像其它传统JS引擎需要预热才能获取高性能)。

    65000

    30个小知识让你更清楚TypeScript

    因此,你可以在编写代码时发现编译时错误,而无需运行脚本。 可选的静态类型:如果你习惯了 JavaScript 的动态类型,TypeScript 还允许可选的静态类型。...类型断言本质上是类型转换的软版本,它建议编译器将变量视为某种类型,但如果它处于不同的形式,则不会强制它进入该模型。 9、如何在 TypeScript 中创建变量?...Mixins 允许你通过组合以前类中更简单的部分类设置来构建新类。 相反,类A继承类B来获得它的功能,类B从类A需要返回一个新类的附加功能。...要在 TypeScript 中重载函数,只需创建两个名称相同但参数/返回类型不同的函数。两个函数必须接受相同数量的参数。这是 TypeScript 中多态性的重要组成部分。...例如,你可以创建一个add函数,如果它们是数字,则将两个参数相加,如果它们是字符串,则将它们连接起来。

    3.6K20

    30道TypeScript 面试问题解析

    因此,你可以在编写代码时发现编译时错误,而无需运行脚本。 可选的静态类型:如果你习惯了 JavaScript 的动态类型,TypeScript 还允许可选的静态类型。...类型断言本质上是类型转换的软版本,它建议编译器将变量视为某种类型,但如果它处于不同的形式,则不会强制它进入该模型。 9、如何在 TypeScript 中创建变量?...Mixins 允许你通过组合以前类中更简单的部分类设置来构建新类。 相反,类A继承类B来获得它的功能,类B从类A需要返回一个新类的附加功能。...要在 TypeScript 中重载函数,只需创建两个名称相同但参数/返回类型不同的函数。两个函数必须接受相同数量的参数。这是 TypeScript 中多态性的重要组成部分。...例如,你可以创建一个add函数,如果它们是数字,则将两个参数相加,如果它们是字符串,则将它们连接起来。

    4.4K20

    【TypeScript 演化史 -- 6】对象扩展运算符和 rest 运算符及 keyof 和查找类型

    它接受两个参数:一个 URL 和一个 options 对象,options 包含请求的任何自定义设置。 在应用程序中,可以封装对fetch()的调用,并提供默认选项和覆盖给定请求的特定设置。...如果一个属性同时出现在两个对象中,则后分配的会替换前面的。 当然,TypeScript 理解这种顺序。...一个对象的不同属性可以有完全不同的类型,咱们甚至不知道 obj 是什么样子的。 那么如何在 TypeScript 中编写这个函数呢?...,TypeScript 就不知道将为 key 参数传递哪个值,所以它不能推断出prop函数的更具体的返回类型。...TypeScript 2.1 新增加 keyof 操作符。输入索引类型查询或 keyof,索引类型查询keyof T产生的类型是 T 的属性名称。

    2.6K30

    使用 Zod 掌握 TypeScript 中的模式验证

    在这篇指南中,我们将深入了解 Zod,并探讨它如何在 TypeScript 项目中改变数据验证的方式。 什么是 Zod?...想象一下,您正在开发一个严重依赖用户输入的 web 应用程序。如果没有适当的验证,用户可能以意想不到的格式提交数据,这可能导致运行时错误、安全漏洞或数据损坏。...这意味着您不仅获得运行时验证,还能在代码编辑器中获得增强的类型安全和自动补全。...您可以仅使用几行代码轻松定义复杂的模式,从而得到更易读、易维护的验证逻辑。 全面的验证 Zod 支持广泛的验证规则,从基本数据类型(如字符串和数字)到复杂对象、数组 等。...它还提供了便捷的方法来处理常见场景,如可选字段、默认值和自定义错误消息。 尽管 Zod 提供了出色的 TypeScript-first 体验,但考虑到项目的特定要求是非常重要的。

    1K10

    四两拨千斤——你不知道的VScode编码TypeScript的技巧

    需要定义的内容包括: l 名称,如果没有描述将作为IntelliSense下拉列表的一部分 l 范围,默认为全句代码段 l 前缀,作为触发片段的单词,可以定义为字符串组或值 l 主体,包含代码行列表...,可以添加VScode标记,使用TAB移动 l 描述,此项为可选内容,如果不使用则在IntelliSense下拉菜单中列出的项目出现时显示其名称 上面的示例中我们创建了一个自定义代码段,当开始编写“...选择新名称,该过程中使用的任何地方(包括定义,如果最初未单击它的话)都将被正确重命名。 ? 2.抽象的构建 如果不止一次使用,需要对其进行抽象。常见的重构技术是提取逻辑成为如一个函数或一个方法。...通过选择要重复使用的代码并单击其旁边的灯泡进行抽象。例如以下代码,需要提取最后两行: ? 选择提取在全局范围生效,输入新的函数名,将获得以下内容: ?...点击“提取到类型别名”将询问新的类型名称,它将创建该名称并将其放置在函数的签名上 ? 进一步简化此代码 ?

    3.9K30

    【TypeScript 演化史 — 第八章】字面量类型扩展 和 无类型导入

    现在来看看非扩展字面量类型,如名所示,它们不会自动地扩展。...如果出于某种原因,希望保留数组中字符串字面量类型的位置信息,可以用如下的方式显示指定: const http = "http"; // Type "http" (可扩展) const https = "...在 TypeScript 2.2 中,表达式password.length 的类型,如果你的应用程序正在严格的null检查模式下运行: function isValidPasswordLength...JavaScript/TypeScript中的 mixin 混合类是实现不同功能方面的类。其他类可以包含 mixin 并访问它的方法和属性。这样,mixin 提供了一种基于组合行为的代码重用形式。...咱们的新类定义了一个timestamp的属性,并立即分配自UNIX时代以来经过的毫秒数。 注意,从mixin函数返回的类表达式是一个未命名的类表达式,因为class关键字后面没有名称。

    4.6K10

    Type Script 的基本概念及常用语法

    支持与 JavaScript 几乎相同的数据类型,而在 TypeScript 中,字符串增加了多行字符串、模板字符串、自动拆分字符串的新特性 在 JavaScript 中,字符串换行将会报错,而 TypeScript...,并以${ expr }`这种形式嵌入表达式 多行字符串和模板字符串的结合 自动拆分字符串,当你使用字符串模板调用方法的时候,其字符串模板表达式里的值会赋给自动调用方法的参数 参数新特性 我们接下来介绍...TypeScript 中的五种类型声明,分别是字符串 String、数字 Number、布尔值 Boolean、多种类型 Any、没有类型 Void,只需在参数名称后面用冒号来指定参数的类型即可 还有一种自定义类型...在方法的参数声明后面用问号来标明此参数为可选参数,如function niangao(a: string, b?...{}括出来,而数组则是使用[]括起来的 箭头表达式 箭头表达式是用来声明匿名函数,消除传统匿名函数的 this 指针问题 for of 循环 在 JavaScript 中,我们使用的循环一般是forEach

    2.1K30

    Web前端面试敲重点知识,14个TypeScript核心基础面试题和答案

    6、TypeScript 中声明变量有哪些不同的关键字? 7、如何书写带有类型注释的函数 ? 8、如何在 TypeScript 中创建对象 ? 9、如何在 TypeScript 中指定可选属性 ?...TypeScript 具有三种常用的基本类型:字符串、数字和布尔值,这些对应于 JavaScript 中类似命名的类型。...void 表示变量没有类型,它充当与任何相反的类型,它在不返回值的函数中特别有用 如果变量是 void 类型,则只能将 null 或 undefined 值分配给该变量。...函数是执行特定代码的代码块 函数可以有选择地接受一个或多个参数,处理它们,并有选择地返回一个值。 image.png 8、如何在 TypeScript 中创建对象 ?...对象类型可以具有零个或多个可选属性,在属性名称之后 image.png 10、说说枚举在 TypeScript 中是如何工作的 ?

    11.5K10

    现代 JavaScript 库打包指南

    必要的编译 编译 TypeScript、将 JSX 转换为函数调用 如果库的源码是需要进行编译的形式,如 TypeScript、React 或 Vue 组件等,那么你库需要输出的是编译后的代码。...为了避免这种情况,库通常会提供自定义生成 CSS 产出的功能,让产出中只包含开发者正在使用的必要 CSS(例如,参考 Bootstrap 和 Tailwind 是怎么做的)。...files 可以接受一个字符串数组(如果需要,这些字符串可以包含类似 glob 的语法),例如: { "files": ["dist"] } 注意,文件数组不接受相对路径表示;"files": [...然而,如果我们想让这个模块是“纯”的,我们可以将对 window.example 的赋值移动到一个函数中。...设置 types 字段 types 定义 TypeScript 类型 types 是一个当打包工具或运行时不支持 package.json#exports 时的兜底方案;如果打包工具或运行时支持 package

    2.4K20

    如何规范地发布一个现代化的 NPM 包?

    必要的编译 编译 TypeScript、将 JSX 转换为函数调用 如果库的源码是需要进行编译的形式,如 TypeScript、React 或 Vue 组件等,那么你库需要输出的是编译后的代码。...为了避免这种情况,库通常会提供自定义生成 CSS 产出的功能,让产出中只包含开发者正在使用的必要 CSS(例如,参考 Bootstrap 和 Tailwind 是怎么做的)。...files 可以接受一个字符串数组(如果需要,这些字符串可以包含类似 glob 的语法),例如: { "files": ["dist"] } 注意,文件数组不接受相对路径表示;"files": ["...然而,如果我们想让这个模块是“纯”的,我们可以将对 window.example 的赋值移动到一个函数中。...设置 types 字段 types 定义 TypeScript 类型 types 是一个当打包工具或运行时不支持 package.json#exports 时的兜底方案;如果打包工具或运行时支持 package

    2.3K20
    领券