TypeScript 入門(二) 函式

2021-08-28 17:43:04 字數 1246 閱讀 2428

一、函式定義

1、先看一下es5中定義函式

function fn()

//匿名函式

var fn1 = function()

2、在ts中定義函式

function fn():string

// 匿名函式

var fn1 = function():string

二、函式的傳參

1、ts中函式的傳參

function show(name:string):string' + 'test';// 模板字串

}// 匿名函式傳參

var fn1 = function(name:string):string' + 'test';// 模板字串

}// 沒有返回值的方法

function fn():void

2、可選引數

es5 裡面方法的實參和傳參可以不一樣,但是ts 中必須一樣,

如果不一樣就需要配置可選引數

可選引數需要在引數後面加上?

可選引數必須在引數最後面

function sample1(str:string,str1?:string):string ';

}sample1('222');

sample1('222','111');

3、預設引數

預設引數也屬於可選引數的一種

function sample2(str1:string,str2:string='str1'):void

4、剩餘引數

function sum(...nums:number):void

console.log(total);

}sum();

三、函式過載

es5 中函式沒有過載

ts中的過載

function sample(str:string):string;

function sample(str:number):number;

function sample(str:any):any else if (typeof str == 'number')

}四、箭頭函式

TypeScript入門須知

1.強型別語言 不允許改變變數的資料型別,除非進行強制型別轉換 2.弱型別語言 變數可以被賦予不同的資料型別 3.靜態型別語言 在編譯階段確定所有的變數型別 4.動態型別語言 在執行階段確定所有的變數型別 1.初始化 npm init y 2.全域性安裝ts cnpm i typescript g ...

typeScript入門 變數型別及函式引數

自動拆分字串 可以用乙個字串模板呼叫乙個方法 用乙個字串模板呼叫乙個方法時,普通字串會被分割,放到乙個陣列中去,對應的變數會被輸出 function greeter template,myname string,age number const myname jane const age 20 gr...

Typescript 入門學習1

最近新學typescript遇到的問題 入口 index.ts import from type import xhr from xhr.js function allpass config allpassconfig let conf allpass conf export default all...