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

TypeScript 函数 this 参数

TypeScript 2.0 开始,在函数和方法我们可以声明 this 类型,实际使用起来也很简单,比如: function sayHello(this: void) { // this:...void:表示在函数体内不允许使用this } 在上面的 sayHello 函数,this 参数是伪参数,它位于函数参数列表第一位。...因为以上 sayHello 函数经过编译后,并不会生成实际参数,该函数编译成 ES5 后代码如下: function sayHello() { // this: void:表示在函数体内不允许使用...在 Rectangle 长方形类 getArea 方法 this 入参只是作为一个形式上参数,供 TypeScript 做静态检查时使用,编译后并不会生成实际入参。...四、回调函数 this 前端开发者日常经常需要跟回调函数打交道,比如在页面监听用户点击事件,然后执行对应处理函数,具体示例如下: const button = document.querySelector

7.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

typescript工厂函数

TypeScript工厂函数(登录登出) 工厂函数是一种特殊函数,用于创建和返回对象或其他数据结构。它通常用于封装和组织代码,允许动态地创建多个实例或对象,每个实例可能具有不同属性或行为。...详细解释它特点和用法: 目的: useLoginApi 目的是创建一个包含两个方法对象,用于处理登录和登出操作。这样可以将登录和登出逻辑封装到一个单独函数,使代码更有组织性和可重用性。...返回值: 该函数返回一个对象,该对象有两个属性 signIn 和 signOut,分别对应登录和登出操作方法。 参数: useLoginApi 函数本身没有接受任何参数。...signOut: 一个函数,接受一个参数 data(一个对象),该函数用于发起登出请求。...使用方法: 导入函数: 首先,在你想要使用这个工厂函数文件,导入它: import { useLoginApi } from '.

15710

学会TypeScript函数重载写法

大多数函数接受一组固定参数。 但有些函数可以接受可变数量参数,不同类型参数,甚至可以根据你调用函数方式返回不同类型。为了注释这样函数TypeScript 提供了函数重载功能。 1....在上面的示例,即使实现签名接受unknown参数,也不能使用类型为 unknown (greet(someValue)) 参数调用 greet() 函数。...何时使用函数重载 函数重载,如果使用得当,可以大大增加可能以多种方式调用函数可用性。这在自动补全时特别有用:我们会在自动补全列出所有可能重载记录。...: string, param2: string): string { // implementation... } 5.总结 TypeScript函数重载让我们定义以多种方式调用函数。...请注意,实现签名是不可调用。 除了常规函数之外,类方法也可以重载。

1.7K10

Python函数参数

Python函数参数是很灵活,下面分四种情况进行说明。 (1) fun(arg1, arg2, ...)...这种就是所谓带默认参数函数,调用时候我们可以指定arg2值,也可以省略。...8 >>> fun(x=10, y=2) 8 带默认参数函数有如上四种调用方式,但是我们调用时候参数名称必须和函数定义时候参数一致,否则会报错: >>> fun(a=10, b=2)...,不管实参有多少个,在函数内部都被存放在以形参名为标识符tuple 下面是一个实例 >>> def fun(*param): print(param) >>> fun(12, 3, 4) (12..., 3, 4) (4) fun(**arg) 也是不定长参数参数函数内部将被存放在以形式名为标识符dictionary 下面是一个实例 >>> def fun(**param): print

1K20

python函数可变参数

知识回顾: 1.函数关键字参数 2.函数参数默认值。必须从右边写到左边。...,end="$$$") 如果我们想要开始自定义可变参数,只需要在函数参数前面加上一个星号* 在函数体内部,默认情况下,带有*参数传入变量,我们输出时候是元组类型。...二、可变参数+普通参数 结合用法1 1.可变参数在开头位置情况 说明一下:如果可变参数函数参数开头位置,普通参数函数第二个位置以后,那么在调用函数时候,我们必须要采用关键字参数用法...result #调用可变参数在中间情况 print(add3(1,2,3,4,c=5)) 三、总结强调 1.掌握可变参数函数定义 2.掌握可变参数函数几种不同情况用法:可变参数在开头、可变参数在中间...python字典赋值技巧,update批量更新、比较setdefault方法与等于赋值 python函数概述,函数是什么,有什么用 python字典删除,pop方法与popitem方法

2.2K40

Python 函数参数类型

1.前言 Python 函数参数类型比较丰富,比如我们经常见到 *args 和 **kwargs 作为参数。...初学者遇到这个多少都有点懵逼,今天我们来把 Python 函数参数进行分析和总结。 2.Python 函数参数 在 Python 定义函数参数有 5 种类型,我们来一一演示它们。...2.1 必选参数 必须参数是最基本参数类型,当你在 Python 函数定义一个必选参数时,每次调用都必须给予赋值,否则将报错。...对于关键字参数函数调用者可以传入任意不受限制关键字参数。...总结 Python 函数具有非常灵活参数形态,既可以实现简单调用,又可以传入非常复杂参数。其中也有不少细节,参数类型也是学习 Python 函数一个关键知识点。

3.3K20

TypeScript generic 函数

如果函数返回数组元素类型会更好。 在 TypeScript ,当我们想要描述两个值之间对应关系时,会使用泛型。...在这种情况下,我们可以使用约束来限制类型参数可以接受类型种类。 让我们编写一个函数,返回两个值较长一个。 为此,我们需要一个长度属性,它是一个数字。...Specifying Type Arguments TypeScript 通常可以在泛型调用推断出预期类型参数,但并非总是如此。...编写 generic 函数最佳实践 编写泛型函数很有趣,而且很容易被类型参数冲昏头脑。 有太多类型参数或在不需要它们地方使用约束会使推理不那么成功,使函数调用者感到沮丧。...如果一个类型参数函数签名只使用一次,它就没有任何关系。

83920

TypeScript函数类型

(x,y){ return x+y; } 一个函数有输入和输出,要在 TypeScript 对其进行约束,需要把输入和输出都考虑到,其中函数声明类型定义较简单: function sum...在 TypeScript 类型定义,=> 用来表示函数定义,左边是输入类型,需要用括号括起来,右边是输出类型。...参数默认值 在 ES6 ,我们允许给函数参数添加默认值,TypeScript 会将添加了默认值参数识别为可选参数: function buildName(firstName:string,lastName...ES6 ,可以使用 ...rest 方式获取函数剩余参数(rest 参数): function push(array, ...items) { items.forEach(function...在编辑器代码提示,可以正确看到前两个提示。 注意,TypeScript 会优先从最前面的函数定义开始匹配,所以多个函数定义如果有包含关系,需要优先把精确定义写在前面。

2K30

掌握JS函数几种参数形式(函数基础)

注意,如果将undefined设置为第二个参数sum(1, undefined), param2也将初始化为0。 3.解构参数 在JS函数参数,咱特别喜欢是解构特性。...这样可以使用 arguments 对象来获取传入所有参数。 arguments对象是所有(非箭头)函数中都可用局部变量。你可以使用arguments对象在函数引用函数参数。...:箭头w函数没有arguments 。...由于numbers 是一个数组,所以就可以使用数组自有方法reduce(与类数组对象参数相反)。 如果不想在剩余参数收集所有参数,则可以组合常规参数和剩余参数。...作为arguments更好替代,可以使用剩余参数特性。它也保存参数列表,但是,它将它们存储到数组

2.8K20

掌握JS函数几种参数形式(函数基础)

注意,如果将undefined设置为第二个参数sum(1, undefined), param2也将初始化为0。 3.解构参数 在JS函数参数,咱特别喜欢是解构特性。...这样可以使用 arguments 对象来获取传入所有参数。 arguments对象是所有(非箭头)函数中都可用局部变量。你可以使用arguments对象在函数引用函数参数。...:箭头w函数没有arguments 。...由于numbers 是一个数组,所以就可以使用数组自有方法reduce(与类数组对象参数相反)。 如果不想在剩余参数收集所有参数,则可以组合常规参数和剩余参数。...作为arguments更好替代,可以使用剩余参数特性。它也保存参数列表,但是,它将它们存储到数组

5K41
领券