// 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的函数实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。