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

TypeScript 函数中的 this 参数

从 TypeScript 2.0 开始,在函数和方法中我们可以声明 this 的类型,实际使用起来也很简单,比如: function sayHello(this: void) { // this:...void:表示在函数体内不允许使用this } 在上面的 sayHello 函数中,this 参数是伪参数,它位于函数参数列表的第一位。...在 getArea 方法中我们没有使用 this 参数,此时 this 的类型是 this,如下图所示: ?...Rectangle 长方形类不同,在 getArea 方法中,我们使用了 this 参数,之后 this 的类型是 Rectangle 类型,如下图所示: ?...在 Rectangle 长方形类 getArea 方法中的 this 入参只是作为一个形式上的参数,供 TypeScript 做静态检查时使用,编译后并不会生成实际的入参。

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

    TypeScript函数的类型

    (x,y){ return x+y; } 一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义较简单: function sum...在 TypeScript 的类型定义中,=> 用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型。...==-1; } 采用函数表达式|接口定义函数的方式时,对等号左侧进行类型限制,可以保证以后对函数名赋值时保证参数个数、参数类型、返回值类型不变。...参数默认值 在 ES6 中,我们允许给函数的参数添加默认值,TypeScript 会将添加了默认值的参数识别为可选参数: function buildName(firstName:string,lastName...在编辑器的代码提示中,可以正确的看到前两个提示。 注意,TypeScript 会优先从最前面的函数定义开始匹配,所以多个函数定义如果有包含关系,需要优先把精确的定义写在前面。

    2K30

    Python 函数中的参数类型

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

    3.3K20

    TypeScript函数类型

    声明式类型函数 通过如下代码我们实现了一个返回值为number类型的方法,同时我们也对返回值和参数进行了约束 function funcType(name:string,age:number):number...{ return age; } var ageNum:number=funcType("张三",18) 如果说在我们参数不确定的情况下我们可以通过如下代码进行创建 function funcType1..."张三",18) 对方法进行添加默认值 function funcType2(name:string="张三",age:number=18):number{ return age; } 表达式类型函数...var funcType3=function(name:string,age:number):number { return age; } 如上代码片段是我们之前创建的函数 那么我们还可以对变量进行约束...通过如下代码我们可以实现一个联合类型函数,当然这可以采用重载的方式 当我们的参数是number类型时我们的返回值是number类型,当我们的参数是string类型时我们的返回值是string类型,这一块具体在我们实际业务中可以根据实际需求进行相应修改

    79020

    TypeScript函数类型

    # 声明式类型函数 通过如下代码我们实现了一个返回值为number类型的方法,同时我们也对返回值和参数进行了约束 ``` function funcType(name:string,age:number...):number{ return age; } var ageNum:number=funcType("张三",18) ``` 如果说在我们参数不确定的情况下我们可以通过如下代码进行创建...对方法进行添加默认值 ``` function funcType2(name:string="张三",age:number=18):number{ return age; } ``` # 表达式类型函数...``` var funcType3=function(name:string,age:number):numbe { return age; } ``` 如上代码片段是我们之前创建的函数...通过如下代码我们可以实现一个联合类型函数,当然这可以采用重载的方式 当我们的参数是number类型时我们的返回值是number类型,当我们的参数是string类型时我们的返回值是string类型,这一块具体在我们实际业务中可以根据实际需求进行相应修改

    75520

    TypeScript 中的类型检查实用函数

    TypeScript 中的类型检查实用函数 一、概述 在前端开发中,我们经常需要判断变量的类型以进行相应的操作或处理。...TypeScript 提供了基础的类型检查,但有时我们需要更复杂或更灵活的类型检查。这篇博客文章将介绍一组实用函数,用于各种常见的类型检查。...二、代码实现 // 禁用一些 ESLint 规则,主要是因为下面使用了 Object.prototype 的方法 // eslint-disable-next-line @typescript-eslint.../unbound-method const { toString } = Object.prototype // 判断一个值是否为指定类型 export function is(val: unknown...判断一个值是否是字符串 export function isString(val: unknown): val is string { return is(val, 'String') } // 判断一个值是否是函数

    5900

    【OpenHarmony】TypeScript 语法 ④ ( 函数 | TypeScript 具名函数和匿名函数 | 可选参数 | 剩余参数 | 箭头参数 )

    类似 , 但是 在 JavaScript 函数基础上 增加了 类型注解 , 函数代码的 可读性 和 健壮性 增加了 ; JavaScript 中的函数 不需要 声明 形参 和 返回值类型 , 但是在...TypeScript 中 , 必须声明 形参和返回值 类型 ; TypeScript 函数 与 Kotlin 函数 极其相似 ; TypeScript 函数 使用 function 关键字定义 , 在...函数 与 JavaScript 函数对比 TypeScript 函数 与 JavaScript 函数对比 : 唯一区别就是 JavaScript 函数中 , 不允许声明 函数形参 和 返回值 的类型...函数 可选参数 在 TypeScript 函数 的 形参 中 , 形参名称后面 使用 ?...三个点符号 声明 剩余参数 , 剩余参数必须是数组类型 ; 代码示例 : 在下面的代码中 , 想要传入 0 ~ n 个 number 类型的参数 , 就把该参数声明为剩余参数 , 剩余参数类型必须是传入类型的数组类型

    15910

    【C++】类型转换 ① ( C 中的类型转换 | C++ 类型转换操作符 | const_cast | static_cast | dynamic_cast | reinterpret_cast )

    ; 如 : 函数传递时 , 接收 double 类型 , 传入 int 类型数据会自动转为 double 类型 ; 将 int 类型赋值给 float 变量 , 会被自动转为 float 类型 ;...= 10; float fnum = static_cast(num); 重新解释类型 reinterpret_cast : 对指针变量 , 引用变量进行原始的转换 , 即将地址值转成对应的类型...= reinterpret_cast (&hello); 动态类型转换 dynamic_cast : 父类 ( 对象 / 指针 / 引用 ) 和 子类 ( 对象 / 指针 / 引用 ) 之间的转换...C++ 类型转换联系 C++ 中的 静态类型转换 static_cast 和 重新解释类型 reinterpret_cast 对应 C 语言中的 强制类型转换 , C++ 中的 动态类型转换 dynamic_cast...和 常量转换 const_cast 是 C++ 独有的 , 因为 C 语言中没有 子类父类 继承概念 , C++ 中的常量的本质 与 C 语言也是不同的 ;

    22910

    【TypeScript】006-函数的类型

    7、函数的类型 函数是 JavaScript 中的一等公民!...(x, y) { return x + y; }; 一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义较简单: function...在 TypeScript 的类型定义中,=> 用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型。...== -1; } 采用函数表达式|接口定义函数的方式时,对等号左侧进行类型限制,可以保证以后对函数名赋值时保证参数个数、参数类型、返回值类型不变。...参数默认值 在 ES6 中,我们允许给函数的参数添加默认值,TypeScript 会将添加了默认值的参数识别为可选参数: function buildName(firstName: string, lastName

    3900

    hive中数据类型的转化CAST

    在《Hive内置数据类型》文章中,我们提到了Hive内置数据类型由基本数据类型和复杂数据类型组成。今天的话题是Hive数据类型之间的转换。...比如我们对两个不同数据类型的数字进行比较,假如一个数据类型是INT型,另一个是SMALLINT类型,那么SMALLINT类型的数据将会被隐式转换地转换为INT类型,这个到底和Java中的一样;但是我们不能隐式地将一个...我们可以用CAST来显式的将一个类型的数据转换成另一个数据类型。如何使用?CAST的语法为cast(value AS TYPE)。...对cast有一下几点需要说明的:   (1)、如果将浮点型的数据转换成int类型的,内部操作是通过round()或者floor()函数来实现的,而不是通过cast实现!   ...下表将进行详细的说明: 有效的转换 结果 cast(date as date) 返回date类型 cast(timestamp as date) timestamp中的年/月/日的值是依赖与当地的时区,

    1.6K30

    SQL中的cast()函数「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。 CAST函数用于将某种数据类型的表达式显式转换为另一种数据类型。CAST()函数的参数是一个表达式,它包括用AS关键字分隔的源值和目标数据类型。...语法:CAST (expression AS data_type) expression:任何有效的SQServer表达式。...AS:用于分隔两个参数,在AS之前的是要处理的数据,在AS之后是要转换的数据类型。...data_type:目标系统所提供的数据类型,包括bigint和sql_variant,不能使用用户定义的数据类型。 可以转换的类型是有限制的。...这个类型可以是以下值其中的一个: 二进制,同带binary前缀的效果 : BINARY 字符型,可带参数 : CHAR() 日期 : DATE 时间: TIME 日期时间型

    2.4K10

    hive中数据类型的转化CAST

    在《Hive内置数据类型》文章中,我们提到了Hive内置数据类型由基本数据类型和复杂数据类型组成。今天的话题是Hive数据类型之间的转换。...比如我们对两个不同数据类型的数字进行比较,假如一个数据类型是INT型,另一个是SMALLINT类型,那么SMALLINT类型的数据将会被隐式转换地转换为INT类型,这个到底和Java中的一样;但是我们不能隐式地将一个...我们可以用CAST来显式的将一个类型的数据转换成另一个数据类型。如何使用?CAST的语法为cast(value AS TYPE)。...对cast有一下几点需要说明的:   (1)、如果将浮点型的数据转换成int类型的,内部操作是通过round()或者floor()函数来实现的,而不是通过cast实现!   ...下表将进行详细的说明: 有效的转换 结果 cast(date as date) 返回date类型 cast(timestamp as date) timestamp中的年/月/日的值是依赖与当地的时区,

    31.2K84

    TypeScript 中的高级类型

    一、是什么 在 TypeScript 中,除了基本类型如 string、number、boolean 之外,还存在一系列高级类型。...这些高级类型是 TypeScript 为了增加语言灵活性和应对复杂开发场景而提供的一些语言特性。...二、有哪些 以下是一些常见的高级类型及其应用: 交叉类型 交叉类型通过 & 操作符将多个类型合并为一个类型,新类型包含了所有合并类型的特性。...never : T; 三、总结 TypeScript 的高级类型为开发者提供了强大的工具来处理复杂的类型关系和场景。掌握这些高级类型是深入理解和有效使用 TypeScript 的关键。...随着 TypeScript 版本的不断更新,新的特性也在不断加入,因此持续学习和实践是必要的。

    10410

    TypeScript中的类型断言

    本文是关于 TypeScript 中的 type assertions 的,它与其他语言中的类型强制转换有相似之处,并通过 as 运算符执行。...在 B 行中,我们看到此类型不允许访问任何属性。 在 C 行中,我们用类型断言(运算符 as)告诉 TypeScript data 是一个Array。现在就可以访问属性 .length 了。...类型断言是不得已的方法,应尽可能的避免。他们(暂时)删除了静态类型系统为我们提供的安全网。 注意,在 A 行中,我们还覆盖了 TypeScript 的静态类型,不过是通过类型注释完成的。...类型断言的替代语法 TypeScript 对于类型断言有另一种“尖括号”语法: 1>data 该语法已经过时,并且与 React JSX 代码(在 .tsx 文件中)不兼容。...10 // 在类型“ {}”上没有找到参数类型为'string'的索引签名。

    3.8K40

    C++中static_cast和dynamic_cast强制类型转换

    C++中提供了两种类型转换的方法: static_cast和dynamic_cast 简单从名字看一个是静态转换, 另一个是动态转换 一般转换分为两种: 上行转换和下行转换 上行转换大致意思是把子类实例向上转换为父类型..., 下行转换是把父类实例转换为子类实例 通常子类因为继承关系会包含父类的所有属性, 但是有些子类的属性父类没有 所以上行转换的时候,子类实例转换给父类是安全的, 转换后的指针或者对象可以放心使用父类的所有方法或者属性...但是下行转换的时候可能是不安全的, 因为假如子类有父类没有的属性或者方法的话, 父类指针或者实例转换为子类型后 转换后的实例中并没有子类多出来的方法或属性, 当调用到这些方法或属性时程序就会崩溃了 举个栗子...child method" << endl; }; }; int main(){ /* 上行转换 */ ChildClass child; Base b = static_cast...(child); b.baseMethod(); /* 下行转换 */ Base bb; ChildClass cc = static_cast<ChildClass

    58420
    领券