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

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

参考文档 : ArkTS开发语言介绍 一、TypeScript 函数 1、TypeScript 具名函数和匿名函数 TypeScript 语言中的 函数语法 与 JavaScript...TypeScript 中 , 必须声明 形参和返回值 类型 ; TypeScript 函数 与 Kotlin 函数 极其相似 ; TypeScript 函数 使用 function 关键字定义 , 在...函数 可选参数 在 TypeScript 函数 的 形参 中 , 形参名称后面 使用 ?...://ts.nodejs.cn/play 中运行 TypeScript 代码 : [LOG]: 2 [LOG]: 8 4、TypeScript 函数 剩余参数 在 TypeScript 函数 函数形参...LOG]: 2 [LOG]: "传入的剩余参数 : 2" [LOG]: 1 [LOG]: "传入的剩余参数 : " [LOG]: 8 5、TypeScript 箭头函数 在 ES6 版本的 TypeScript

15910

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 做静态检查时使用,编译后并不会生成实际的入参。...五、参考资源 function-this-parameter typescriptlang - typescript-2-0 ----

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

    TypeScript-继承和函数、函数声明和重载

    TypeScript-继承和函数、函数声明和重载TS 中的接口和 JS 中的类一样是可以继承的interface LengthInterface { length: number}interface...(name);}箭头函数let say = (name) => { console.log(name);}TS 当中的写法命名函数function say(name: string): void...= (name: string): void => { console.log(name);}TS 函数完整格式在 TS 中函数的完整格式应该是由函数的定义和实现两个部分组成的定义一个函数根据定义实现函数...number) => number = function (x, y) { return x + y;};let res = AddFun(20, 20);console.log(res);TS 函数声明声明一个函数再根据声明去实现这个函数...number;let add: AddFun = function (x, y) { return x + y;};let res = add(30, 20);console.log(res);TS 函数重载函数的重载就是同名的函数可以根据不同的参数实现不同的功能

    31410

    TypeScript的继承(一)

    在TypeScript中,继承是一种机制,通过该机制,一个类可以继承另一个类的属性和方法。这使得代码重用和层次化组织变得更加容易。基本继承要让一个类继承另一个类,可以使用 extends 关键字。...派生类(子类)继承基类(父类)的属性和方法,并可以添加自己的属性和方法。...Dog 类继承了 Animal 类,并添加了一个 breed 属性和一个 bark 方法。调用基类的构造函数在派生类的构造函数中,可以使用 super 关键字来调用基类的构造函数,并传递参数。...extends Animal { breed: string; constructor(name: string, breed: string) { super(name); // 调用基类的构造函数...this.breed = breed; }}在上面的例子中,Dog 类的构造函数使用 super(name) 来调用 Animal 类的构造函数,并传递 name 参数。

    32820

    【原创】TypeScript中的函数以及函数中的参数

    TypeScript中的函数和参数 TypeScript中的函数 TypeScript中的函数写法分为有名函数,匿名函数和箭头函数。 有名函数 有名函数包含函数名,函数入参,函数返回值类型等。...let z = function(x:number,y:number):number{ return x+y; } console.log(z(1,2)); 箭头函数 Es6中TypeScript提供了一种箭头函数...数字是正数"); }else if(num = 0){ console.log("数字是0"); }else{ console.log("数字是负数"); } } getNum(-1); TypeScript...TypeScript中的参数分为正常参数,可选参数,剩余参数。 正常参数,方法在定义时需要几个参数就定义几个参数,调用时也需要上送对用的参数个数和参数类型。...(zhangsan); 剩余参数,指参数在自定义时无法确定需要上送的参数个数,此时就用到了剩余参数。

    34310

    TypeScript - 函数重载

    TypeScript 中的函数重载允许你为一个函数提供多个函数类型定义,以便它可以以不同的方式处理不同的参数类型或参数数量。函数重载可以提高代码的可读性和类型安全性。...在 TypeScript 中实现函数重载的步骤如下: 1. 声明重载签名:首先,你需要声明一个或多个重载签名,这些签名描述了函数可以接受的不同参数类型和返回值类型。这些签名不会包含函数体。 2....实现签名包含了函数的实际逻辑。 3. 调用函数:在调用函数时,TypeScript 编译器会根据提供的参数类型来检查哪个重载签名与之匹配,并应用相应的类型检查。...替换方案 在 TypeScript 中,由于 JavaScript 的运行时不会保留函数的重载信息,因此编译器仅在编译阶段使用函数重载。到达运行时后,所有的重载都合并为单个函数实现。...使用类型断言 类型断言可以用来告诉 TypeScript 编译器,某个参数是特定的类型。

    27010

    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函数重载

    函数默认参数/可选参数 对于同一个函数我们在不同场景下传参,参数有时候全部需要,有时候部分需要,定义多个同名函数就会报错,那么该怎么实现这个操作呢?我们可以为函数设置默认参数和可选参数。...给每个参数添加类型之后,可以不用给函数本身添加返回值类型,因为TS能根据返回语句自动推断出返回值类型 function start(name:string,age:number,phone?...函数重载 什么事函数重载呢?当我们多次调用函数时传递不同参数数量或者类型,函数会做出不同处理。...1、函数签名 这里介绍个名次「函数签名」,顾名思义,函数签名主要定义了参数及参数类型,返回值及返回值类型。函数签名不同,函数会做出不同的处理,这是我对函数重载的理解。...3、联合类型函数重载 声明一个函数arithmetic,参数类型为联合类型,返回值也是联合类型,但是如下代码却报错了。

    22800

    TypeScript 函数(上)

    函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。...一般情况下,一个函数只有一个 return 语句。 返回值的类型需要与函数定义的返回类型(return_type)一致。 带参数函数 在调用函数时,您可以向其传递值,这些值被称为参数。...这些参数可以在函数中使用。...datatype 为参数类型。 可选参数和默认参数 可选参数 在 TypeScript 函数里,如果我们定义了参数,则我们必须传入这些参数,除非将这些参数设置为可选,可选参数使用问号标识 ?...语法格式如下: var res = function( [arguments] ) { ... } 构造函数 TypeScript 也支持使用 JavaScript 内置的构造函数 Function()

    55030

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券