这篇“TypeScript函数”助力你突破月薪1.5w+了，赶快收藏吧
发布于2021-05-29 19:26 阅读(595) 评论(0) 点赞(24) 收藏(0)
前言
目录
目录
进阶TS 函数
1 函数的定义
- 可以指定参数的类型和返回值的类型
- function hello(name:string):void {
- console.log('hello',name);
- }
- hello('zfpx');
2 函数表达式
- 定义函数类型
- type GetUsernameFunction = (x:string,y:string)=>string;
- let getUsername:GetUsernameFunction = function(firstName,lastName){
- return firstName + lastName;
- }
3 没有返回值
:void就是函数没有返回值，如果函数后面跟的是：string 就是函数返回值必须是string
- let hello2 = function (name:string):void {
- console.log('hello2',name);
- return undefined;
- }
- hello2('zhufeng');
4 可选参数
在TS中函数的形参和实参必须一样，不一样就要配置可选参数,而且必须是最后一个参数，类似于和变量设置类型一样。
- function print(name:string,age?:number):void {
- console.log(name,age);
- }
- print('zfpx');
5 默认参数
- function ajax(url:string,method:string='GET') {
- console.log(url,method);
- }
- ajax('/users');
6 剩余参数
- function sum(...numbers:number[]) {
- return numbers.reduce((val,item)=>val+=item,0);
- }
- console.log(sum(1,2,3));
7 函数重载
- 在Java中的重载，指的是两个或者两个以上的同名函数，参数不一样
- 在TypeScript中，表现为给同一个函数提供多个函数类型定义
- let obj: any={};
- function attr(val: string): void;
- function attr(val: number): void;
- function attr(val:any):void {
- if (typeof val === 'string') {
- obj.name=val;
- } else {
- obj.age=val;
- }
- }
- attr('zfpx');
- attr(9);
- attr(true);
- console.log(obj);
结语
1.ts就是把js弱类型变成类似强类型。
2.命名一个变量let aa，你可以给aa赋值任何类型，boolen string array function。
3.ts会让代码更规范
更多文章
TypeScripts前端基础篇(1)---ts基本数据类型
原文链接:https://blog.csdn.net/XU441520/article/details/117323214
所属网站分类: 技术文章 > 博客
作者：我长得真不赖
链接：http://www.javaheidong.com/blog/article/207172/ff62f069305585832952/
来源：java黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力