TS--函数

最新推荐文章于 2024-05-17 11:23:56 发布
最新推荐文章于 2024-05-17 11:23:56 发布
阅读量1.6k 收藏
点赞数 1
文章标签： node.js typescript 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68211919/article/details/132625933
版权

函数是一种可执行的代码块，可以被重复调用，参数列表里面的每个参数都需要名称和恶类型

一、为函数定义类型

        （1）可以给每隔形参添加类型后再为函数本身添加返回值类型

        格式：为函数添加返回值类型

        （2）函数的形参必须声明类型，不用写函数的返回值，因为TS根据函数执行体表达式退出函数的返回值类型

        格式

function fn(n1:number,n2:string){
    return true//返回值类型为布尔类型
}

        （3）若声明函数返回类型是undefined、void、any，则不需要返回一个值。除三者外其他的函数必须返回一个值

        声明函数返回值类型为number型（这里用number举例），则必须有返回值，且返回值类型必须为number型

        

        声明函数返回类型为void（用void举例，另外两个是一样的），则可以没有返回值或者只写return不写返回值。不会报错

                                                        ​​​​​​​        ​​​​​​​

二、可选参数和默认参数

        1.可选参数：是指在函数定义形参时可以选择性地省略某个参数：形参名后面添加“？”表示可选可不选。

        2.默认参数：是指在函数定义形参时为该形参设置默认值（给该变量初始化）

                格式：

        20行中表示定义一个函数fn，形参n1的类型为number，n2是一个number型并给n2赋了一个默认值（没有给n2传递实参则用默认值3，若有实参则取实参的值），n3是一个number型，是可选可不选的形参，要用的时候再赋值，不用时可以忽略。

        21行中n1、n2都是number型，相加也是number型，返回值类型符合

        

                打印结果：13

        

若实参个数大于形参个数，则报错。形参必填项必须放在前面，可选项放在最后面

三、剩余参数（...）

        含义：永远接受不定数量的参数，并将其放入一个数组中传递给函数，用点点点语法实现（...）。剩余参数中的参数指的是形参。

                格式：

                28：定义一个函数fn，形参n1的类型为number型，将剩余的参数装入名称为arr类型为数组中，且该数组只能放入number型的元素

        

        若想要将所有剩余参数装入一个数组中，且元素类型是任意的，则，可以将数组的类型更改为any型

        ​​​​​​​

        

四、函数类型变量

        含义：函数类型变量是指可以用来存储函数的类型的变量。它们可以用来定义函数类型的签名、作为函数的参数类型或返回值类型。

        函数类型变量的语法使用箭头函数 => 来表示函数类型。它描述了函数的参数列表和返回类型

        ​​​​​​​                ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        

                这里声明了一个变量 a，它被指定为一个函数类型，该函数接收两个参数 n1 和 n2，两个参数的类型都是 number，并且该函数返回值的类型也是 number。等价于下面的写法

        ​​​​​​​        

                也可以写成：不写函数返回值类型，由执行体推断

        ​​​​​​​        

第一个箭头左边：a4表示a4是一个函数，形参类型都为number型

第一个箭头右边第一个：该函数的返回值类型为number型

等号右边全部：a4成为一个具体函数，形参的类型都是number型，返回值类型为number型，花括号表示函数执行体

五、使用接口封装函数变量类型

        含义：可以使用接口来封装函数类型，从而描述函数的参数和返回值类型

        格式：

        

                53:定义一个接口fn，描述了一个没有参数，返回值类型为number型的函数

                54:无形参，返回的类型为number

                56声明一个变量，将fn接口与fn变量连接起来

        

                f1是f2的综合写法        75行：形参类型分别为number和string型，返回值类型是f2的类下（函数）

田海红
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ts-audio:ts-audio是一个不可知的库，可轻松使用AudioContext并在浏览器中创建音频播放列表
05-07
ts-audio· ts-audio是一个不可知论... 这两个组件都是可以使用某些参数调用的函数。 以下是如何使用Audio的示例： import Audio from 'ts-audio' ; const audio = Audio ( { file : './song.mp3' , loop : true ,
TS 函数及多态
KEEP CODING
11-28 683
TS 能推导出函数体中的类型，但多数情况下无法推导出参数的类型，只有少数特殊情况下能根据上下文推导参数的类型。返回类型能推导出，不过也可以显式注解。
ts定义返回函数类型
热门推荐
记录成长学习点滴
06-30 3万+
一般函数声明： //第一种形式 let c: Function; c = function(): void { console.log('It work'); } //第二种形式 function test(): Function{ return function():void{ console.log('it work'); ...
【TypeScript】TS函数中可选参数、默认参数、剩余参数（十三）
编码世界
04-07 5874
TS函数中可选参数、默认参数、剩余参数
typescript（四）ts中函数的参数和返回值的类型定义
weixin_44959855的博客
11-30 2万+
前面我们讲到过ts的静态类型定义中的函数类型定义，先来回顾下： const fnA: () => string = () => { return '1' } const fnB: () => number = () => 6 const fnC: () => boolean = () => true 拓展下：在接口中如何定义函数类型呢？接口后期会讲 interface Ifn { (one: number, two: number): number } let
ts 定义函数的返回类型
seimeii的博客
08-29 597
ts 定义函数的返回类型
TS中的条件类型(ReturnType)
前端精髓
04-04 2万+
本偏介绍TS另一种高级类型-条件类型。 官方文档：https://www.typescriptlang.org/docs/handbook/2/conditional-types.html#distributive-conditional-types 1、条件类型是一种由条件表达式所决定的类型 2、条件类型使类型具有了不唯一性,同样增加了语言的灵活性 例如： T extends U ? X : Y 若类型T可被赋值给类型U,那么结果类型就是X类型,否则就是Y类型。 条件类型约束 泛型约束的例子： typ
【TS】函数和函数类型
分享互联网的有趣知识~
11-15 3806
在使用函数的时候，通常会给函数传值，或者给函数一个返回值调用，这个时候就会涉及到函数类型。 函数类型分为两个方面： 1、函数参数 2、函数返回值 函数类型的语法： function 函数名( 参数 : 参数类型 ) : 返回值类型 { return 返回值 } 函数有几种不同的写法，分别为：声明函数、匿名函数。
ts-starter
02-19
@ exuanbo / ts-starter ... 或编写一个shell函数，如下所示 function ts_starter() { git clone https://github.com/exuanbo/ts-starter.git $1 cd $1 rm -rf .git git init } 执照 :copyright:2020
ts-transformer-keys:TypeScript自定义转换器，可以获取给定类型的键
03-30
该软件包导出2个函数。 一个是keys ，其在打字稿码用于获得给定类型的键，而另一个是用于编译一个打字稿定制变压器keys正常工作。 如何使用keys import { keys } from 'ts-transformer-keys' ; interface Props { ...
io-ts-promise:对于喜欢Promises的开发人员的信息
05-02
io-ts-promise 尽管是一个很棒的库，但是除非您熟悉函数式编程，否则它可能有点疏远。 因此，如果您只想确保从API提取的数据的运行时类型，那么您可能正在寻找更简单的方法。 这是io-ts-promise试图提供帮助的地方。...
ts-mixer：一个小的TypeScript库，提供可容忍的Mixin功能
02-17
ts-混音器 概述 ts-mixer将mixins带到TypeScript。 ts-mixer “ Mixins”只是类，因此您已经知道如何编写它们，并且可以轻松混合自己喜欢的库中的类。 mixin问题比看起来更细微。 我已经看到了无数适用于某些情况的...
TS静态数据类型之函数参数和返回类型的注解
逆风优雅的博客
12-28 946
// 函数的返回值的类型，如果不知道返回值是什么类型的时候，就用void ,void表示无 // void的用法 function sayHello() :void { console.log('Hello,world'); } // never的用法 function errorFunction() :never { throw new Error() //抛出一个异常，它下面的代码就不再执行 console.log('hello,world'); } function for.
ts(TypeScript)定义服务器返回数据类型
jojo1001的博客
11-01 1万+
ts(TypeScript)定义服务器返回数据类型 1.定义基本返回类型 export type JSONResponse = { stat: string; msg?: string; }; stat：状态 msg：提示信息 （msg后面的？问号表示该参数是可选的，服务器可能返回，也可能不返回） 2.服务器返回为多个同类型数据时 先定一个返回的泛型 export type Rows<T extends any> = { items: T[]; total: number;
ts重点学习57-特殊的函数返回值
qq_41632427的博客
09-26 223
前端
Typescript - function 函数（箭头函数 / 参数类型与返回类型 / 可选参数与默认参数 / 剩余参数 / 函数重载）通俗易懂详细示例教程
王佳斌
04-10 4548
ts函数，Ts定义函数方法，TS快速入门函数，Ts的函数，TS 定义函参剩余参数示例教程，ts如何设置可选参数，ts怎么设置函数的返回类型，ts函数重载详细教程，ts函数相关操作，ts function函数，ts 函数语法，ts通俗易懂的详细教程示例，ts 默认参数 可选参数 剩余参数，TS之函数详解，带有剩余参数的Typescript 函数重载，ts剩余参数与数组类型，Typescript详解，TS(三)函数与变量声明，TS的函数，ts可选参数,参数默认值,剩余参数,函数重载，TypeScript基础讲解
ts 函数
NewWent的博客
10-16 1934
1. 函数的返回值类型可不定义，编译器可以自动识别类型(即使可能会根据情况返回不同的类型) 2. 由于存在类型推断，函数表达式可以省略左右任意一边如下： // 完整函数类型 let func: (x: number, y: number) =&gt; number = (x: number, y: number) =&gt; x + y // 省略左侧 let func = (x...
TypeScript：箭头函数
风静如云的博客
03-02 2312
箭头函数可以认为是函数的一种简写定义方式： let f1 = p => "hello " + p;//定义一个箭头函数，并将其赋值给变量f，函数的参数是p，返回值是"hello " + p console.log(f1("world"));//输出hello world let f2 = () => "hello world";//定义没有参数的箭头函数 console.log(f2());//输出hello world let f3 = (g, w) => g + " " + w
使用NVM在Windows系统上轻松管理Node.js版本
最新发布
ivioc的博客
05-17 315
然而，随着项目的增多和版本的更新，我们可能需要频繁地在不同的Node.js版本之间切换。例如，某些旧项目可能依赖于特定版本的Node.js API或第三方库，而这些库可能在新版本的Node.js中已被弃用或更改。在这种情况下，我们需要在不同的Node.js版本之间进行切换，以确保项目的正常运行。如果你希望每次打开新的命令提示符时都使用特定的Node.js版本，你可以使用nvm alias default 命令来设置默认版本（例如：nvm alias default 16.18.0）。
ts-toolbelt教程
05-18
ts-toolbelt 是一个非常实用的 TypeScript 库，它提供了很多有用的工具函数和类型别名，可以帮助我们更轻松地编写类型安全的代码。 以下是使用 ts-toolbelt 的简单教程： 1. 安装 ts-toolbelt 使用 npm 安装： ``` npm install ts-toolbelt ``` 或者使用 yarn 安装： ``` yarn add ts-toolbelt ``` 2. 导入需要的工具函数或类型别名 例如，我们想要使用 `Omit` 类型别名来从一个对象中排除一些属性，可以这样导入： ```typescript import { Omit } from 'ts-toolbelt'; ``` 3. 使用工具函数或类型别名 例如，我们有一个包含很多属性的对象： ```typescript interface Person { name: string; age: number; gender: string; email: string; phone: string; address: string; } ``` 现在我们想要创建一个新的类型，只包含 `name`、`age` 和 `gender` 属性，可以使用 `Omit` 类型别名： ```typescript type BasicPerson = Omit<Person, 'email' | 'phone' | 'address'>; ``` 这样就可以很方便地创建一个新的类型，只包含我们需要的属性了。 除了 `Omit`，ts-toolbelt 还提供了很多其他有用的工具函数和类型别名，例如 `Merge`、`Tuple`、`UnionToIntersection` 等等。可以查阅官方文档，了解更多详情。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值