深入理解TS（2）—— TS中的函数与可调用注解

最新推荐文章于 2024-05-19 11:43:07 发布
最新推荐文章于 2024-05-19 11:43:07 发布
阅读量1.9k 收藏
点赞数
分类专栏： typescript 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41387874/article/details/123606803
版权
本文深入探讨了TypeScript中的函数与可调用注解，包括为参数和返回值添加注解，可选参数的使用，函数重载的概念及作用，以及如何声明和使用可调用注解，特别强调了可调用注解在函数重载和Vue响应式数据声明中的应用。
摘要由CSDN通过智能技术生成

TS中的函数与可调用注解

为参数添加注解

在TS中，我们可以为函数的参数添加注解。

为函数返回值添加注解

类似于为函数的参数添加注解，TS也支持为函数的返回值添加注解。（但是一般我们不需要为函数的返回值添加注解，因为TS编译器会自动推断）。

  • 如果我们想要定义一个不返回值的函数，那么可以将函数返回值的类型定义为void。

可选参数

我们可以使用 ? 将某个参数定义为可选的参数。

我们也可以为参数提供一个默认值。（在参数类型声明的后面使用 = initalValue）。

函数重载

函数重载的作用

  • 函数重载通过定义多个同名函数，但是形参不同，而实现，当传入参数不同时，函数将执行不同的逻辑。

声明函数

在没有提供函数实现的情况下，有2种方法可以声明函数。

  • type LongHand = { (a: number): number }

    • 如果想使用函数重载，必须使用这种方法。&#x
最低0.47元/天 解锁文章
weixin_41387874
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TypeScript-类型注解
人间清醒
05-23 251
2️⃣ 可以提示数组的属性和方法而且也可以提示成员的属性和方法。1️⃣ 可以限制变量类型为数组而且可以限制数组成员的类型。完全按照JS的类型(小写)书写即可。只能被赋值为约定好的类型。添加类型约束，使变量。
TS视频06TS视频06TS视频06TS视频06
05-17
4. **函数参数与返回类型**：TypeScript支持函数参数和返回值的类型注解，确保函数调用时的类型安全。例如，上面的函数都声明了它们接收一个`string`类型的参数，并无返回值（即`void`类型）。 5. **默认参数**：...
JS TS 给函数注释的规范
weixin_43416349的博客
02-09 1461
前言： 使用这种注释方法，在其他地方调用这个函数，鼠标停在这个函数上面时，就是显示这些注释，是一种 十分必要的 规范。使用 Alt + Shift + A 可以快速生成 /**/ ,最好是自己配置 Snippet。
TS－数字电视中TS包解码函数注解
11-24
TS介绍，详细地介绍了数字电视中TS包解码函数注解
【TS函数定义及参数注解】
前端-CV全粘工程师
02-01 972
使用function关键字，后面跟着函数名，参数列表和函数体。上述代码定义了一个函数add，它接收两个number类型的参数a和b，并返回它们的和。函数的调用使用函数名后面跟着参数列表的方式。// 输出 5上述代码调用了定义好的add函数，并将两个参数2和3传递给它。函数执行后会返回结果5，并将结果赋值给变量result。最后，使用函数输出结果。可以在函数的定义中使用冒号()来指定参数的类型，以及使用箭头(=>)来指定函数的返回类型。
TypeScript中的函数注释
m0_45093055的博客
12-11 646
一般来说，对于基础类型，使用string更为常见和推荐，而对于构造函数或特定的类方法，使用String更合适。然而，如果你需要使用String类的特定功能（例如，处理编码或正则表达式），你需要使用String。如果你只是声明一个包含字符串的变量，使用string更为合适，因为这更符合类型的定义。如果没有定义类型，且无法进行类型推断，且非严格模式，那么隐式注解为any。类型推断是省略类型显示定义的方式，不需要显示定义，也能得到正确的类型。函数注释主要分为显示注释、类型推断、隐式的any，现在来详细总结下。
TS 的数据注解
qq_34820433的博客
04-14 1075
TypeScript 的静态类型的概念和基础数据类型。
TS静态数据类型之函数参数和返回类型的注解
逆风优雅的博客
12-28 961
// 函数的返回值的类型，如果不知道返回值是什么类型的时候，就用void ,void表示无 // void的用法 function sayHello() :void { console.log('Hello,world'); } // never的用法 function errorFunction() :never { throw new Error() //抛出一个异常，它下面的代码就不再执行 console.log('hello,world'); } function for.
aixos-ts-encapsulation_自定义注解_
10-03
在这个项目中，可能包含了处理自定义注解和装饰器的配置，例如使用Babel插件转换TS的装饰器语法为JavaScript可以理解的形式。 5. **项目结构**：`src`目录通常包含项目的源代码，`.gitignore`文件指定Git应该忽略的...
在vue3+ts+setup语法糖中使用图片预览组件
09-14
`setup`函数是Composition API的一部分，它是每个Vue组件生命周期中的第一个可运行函数，它在`beforeCreate`钩子之前调用，用于初始化组件的状态和功能。 `setup`函数接收两个参数：`props`（来自父组件的属性）和`...
vue 2 and ts none request
09-07
在 Vue 2 和 TypeScript 项目中，可以选择 Axios 或其他库进行请求，同时利用 TypeScript 的类型定义来确保接口调用的类型安全。 5. **错误处理和状态管理**：结合 Vuex 进行状态管理，并利用 TypeScript 的类型...
tsdoc：TypeScript的文档注释标准
02-04
文档链接 -项目概述和路线图 -其他开发人员的实时帮助 -了解语法元素，如@param ， @remarks等。 解析器引擎的交互式演示 -如何在此仓库中构建和调试项目 提出拉取请求的说明 此monorepo中的项目 夹 版 变更日志 描述 （本地项目） 代码示例说明了如何使用@ microsoft / tsdoc解析器 插件 （本地项目） Web应用程序的源代码 解析器库 装载机tsdoc.json 贡献者公告 该项目欢迎您的贡献和建议。 大多数捐款要求您同意“捐款者许可协议”（CLA），声明您有权并实际上确实授予我们使用您的捐款的权利。 有关详细信息，请访问 。 当您提交拉取
TS-ImageLibrary:用 TypeScript 编写的 JavaScript 图片库
06-08
使用TS-ImageLibrary时，开发者可以通过引入库的JavaScript文件到他们的项目中，然后调用提供的API来处理图片。例如，可能存在一个`loadImage`函数用于加载图片，一个`resize`函数用于调整尺寸，一个`rotate`函数...
TypeScript -- ts的编译、类型注解、数组类型、联合类型、类型别名、函数类型、对象类型、接口类型、字面量类型、类型推断、类型断言、泛型、any类型
weixin_53850394的博客
05-20 964
TypeScript相较于JavaScript来说，是在js的基础上进行了制约，对原先是弱类型语言的js的类型做出约束。TypeScript不能直接使用，需要经过编译，事实上我们最终打包后的代码任然是JavaScript，但ts能在我们开发阶段更有效地帮助我们解决一些bug，提高我们的开发效率。
调用函数时，实参类型可以不和形参类型一样吗？
热门推荐
joris30的博客
11-09 1万+
答案是有可能可以。 如果可以隐式转化，那就是可以，int和long是可以隐式转换的，但int*和long*是不可以的，所以编译器会报错 如果机器上int和long占的内存大小相同（一般是相同的），那可以采用类型转换（int*）来完成 指针的话，最好一致 注意 const形参通常可以用非const 反之一般不可以 看一下数据类型隐式转化规则你就知道能不能转换了。 ...
TypeScript ---- 类型注解之函数
weixin_43956070的博客
06-04 323
TypeScript ---- 初探之类型 // 参数 返回值 //Ts只会检查类型 不会检查里面的逻辑 // 参数要加类型注解 返回值会类型推断 但是建议添加 const addNums = (a :number, b : number):number { return a - b; } function mutiply(a : number, b : number):number{ return a * b; } const divide = function(a:number,
ts 函数 类 接口 泛型
gklcsdn的博客
06-14 387
// a类型 b类型 返回值类型 function add(a:number, b:number):number { return a + b } add(1, 2) 注意点： 形参实参个数必须一样 形参实参类型必须一样 返回值类型必须一样
TypeScript的基础知识：TS类型注解是什么？TS类型注解的作用是什么？那么TS的常用类型注释有那些呢？简单类型应该如何书写呢？
最新发布
我就知道你会来，我们一起进步吧！
05-19 292
1.简单类型：number string boolean null undefined。联合类型、类型别名、接口（interface）、字面量类型、泛型、枚举、void、any等。2.复杂数据类型：数组 函数 对象。类型注解指的是给变量添加类型约束，使变量只能被赋值为。（简单而言就是定义变量类型，定义好后会有相应的提示）简单输入类型的书写方式为“变量名：简单数据类型”(作用：限制变量类型并给出提示。
风雨砥砺，岁月如歌——Ts之箭头函数
Baron
09-09 3808
小编最近接触到了箭头函数（Arrow Functions），诚然，我觉得它真的是一个绝妙的设计，所以来浅谈一下我的理由： 首先，它非常简洁：如果我用箭头函数写一个函数： var sum = (arg1, arg2) => arg1 + arg2; 同样的，如果用js来写： var sum = function (arg1, arg2) { return arg1 + arg2; ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值