typeScript的函数实例
生活随笔
收集整理的這篇文章主要介紹了
typeScript的函数实例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
// 1、遍歷
const myBooks =['白菜','青菜','黃瓜'];
myBooks.forEach((title, idx, arr) =>console.log(idx + '-' + title)
);// 2、參數類型和返回類型
function createUserId(name: string, id: number): string {return name + id;
}const createName = (name:string,age:number) :string=>{return `${name}:${age}`;
}
const createNameLog = createName('xiaowang',39);
console.log(createNameLog);// 3、函數類型(參數和返回值 和 函數類型必須一致)let funType:(name:string,age:number,todo:string[]) => string;
const createFunType = (name:string,age:number,todo:string[]) =>{return `${name}:${age}:${todo}`;
}
funType = createFunType;// 4、可選參數及默認參數 (注意:可選參數要放在普通參數的后面，不然會導致編譯錯誤)const createSB = (name:string='隔壁老王',age:number,sex?:string):void=>{if(sex){console.log(`${name}:${age}:${sex}`);return;}console.log(`${name}:${age}`);
}
console.log(createSB('xiaowang',66));// 5、剩余參數 (和JS一樣)let restTestSingleName:Array<number> = [];
const restTest = (name:string,...items:Array<number>) : string=>{items.forEach((v)=>{restTestSingleName.push(v);});return name + items.join(',');
}
console.log(restTest('好人',99,100,102));// 6、函數重載 (函數重載或方法重載是使用相同名稱和不同參數數量或類型創建多個方法的一種能力)class Calculator {add(a: number, b: number): number;add(a: string, b: string): string;add(a: string, b: number): string;add(a: number, b: string): string;add(a: any, b: any) {if (typeof a === "string" || typeof b === "string") {return a.toString() + b.toString();}return a + b;}
}const calculator = new Calculator();
const calculatorResult = calculator.add("Semlinker", " Kakuqo");
console.log(calculatorResult);
上述為typeScript的函數的基本使用方法，通過實例演示；
總結
以上是生活随笔為你收集整理的typeScript的函数实例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： bsv是什么币 什么是bsv币
- 下一篇： typescript数组，对象，接口实例