2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

轉(zhuǎn)載

TypeScript基礎(chǔ)入門 - 函數(shù) - 簡(jiǎn)介

項(xiàng)目實(shí)踐倉(cāng)庫

https://github.com/durban89/typescript_demo.git tag: 1.1.6

為了保證后面的學(xué)習(xí)演示需要安裝下ts-node，這樣后面的每個(gè)操作都能直接運(yùn)行看到輸出的結(jié)果。

npm install -D ts-node

后面自己在練習(xí)的時(shí)候可以這樣使用

npx ts-node 腳本路徑

函數(shù)

介紹

函數(shù)是JavaScript應(yīng)用程序的基礎(chǔ)。 它幫助你實(shí)現(xiàn)抽象層，模擬類，信息隱藏和模塊。 在TypeScript里，雖然已經(jīng)支持類，命名空間和模塊，但函數(shù)仍然是主要的定義 行為的地方。 TypeScript為JavaScript函數(shù)添加了額外的功能，讓我們可以更容易地使用。說實(shí)話我都不想看這塊的東西，函數(shù)嘛是個(gè)寫程序的都會(huì)寫，但是為了追求整體及探索新的知識(shí)，沒準(zhǔn)有意外發(fā)現(xiàn)，還是要學(xué)習(xí)下。

函數(shù)

和JavaScript一樣，TypeScript函數(shù)可以創(chuàng)建有名字的函數(shù)和匿名函數(shù)。 你可以隨意選擇適合應(yīng)用程序的方式，不論是定義一系列API函數(shù)還是只使用一次的函數(shù)。通過下面的例子可以迅速回想起這兩種JavaScript中的函數(shù)：

function add(x, y) {return x + y }let addFunc = function(x, y) { return x + y }

在JavaScript里，函數(shù)可以使用函數(shù)體外部的變量。 當(dāng)函數(shù)這么做時(shí)，我們說它‘捕獲’了這些變量。?
至于為什么可以這樣做以及其中的利弊超出了本文的范圍，但是深刻理解這個(gè)機(jī)制對(duì)學(xué)習(xí)JavaScript和TypeScript會(huì)很有幫助。

let z = 10; function addTo(x, y) {return x + y + z; }

函數(shù)類型

為函數(shù)定義類型
讓我們?yōu)樯厦婺莻€(gè)函數(shù)添加類型

function add(x: number, y:number): number {return x + y; }let addFunc = function (x: number, y: number): number { return x + y }

我們可以給每個(gè)參數(shù)添加類型之后再為函數(shù)本身添加返回值類型。 TypeScript能夠根據(jù)返回語句自動(dòng)推斷出返回值類型，因此我們通常省略它。

書寫完整函數(shù)類型

現(xiàn)在我們已經(jīng)為函數(shù)指定了類型，下面讓我們寫出函數(shù)的完整類型。

let addFunc: (x: number, y:number) => number = function(x: number, y: number): number { return x + y }

函數(shù)類型包含兩部分：參數(shù)類型和返回值類型。 當(dāng)寫出完整函數(shù)類型的時(shí)候，這兩部分都是需要的。 我們以參數(shù)列表的形式寫出參數(shù)類型，為每個(gè)參數(shù)指定一個(gè)名字和類型。 這個(gè)名字只是為了增加可讀性。 我們也可以這么寫

let addFunc: (baseValue: number, increment: number) => number = function (x: number, y: number): number { return x + y }

只要參數(shù)類型是匹配的，那么就認(rèn)為它是有效的函數(shù)類型，而不在乎參數(shù)名是否正確。

第二部分是返回值類型。 對(duì)于返回值，我們?cè)诤瘮?shù)和返回值類型之前使用( =>)符號(hào)，使之清晰明了。 如之前提到的，返回值類型是函數(shù)類型的必要部分，如果函數(shù)沒有返回任何值，你也必須指定返回值類型為 void而不能留空。

函數(shù)的類型只是由參數(shù)類型和返回值組成的。 函數(shù)中使用的捕獲變量不會(huì)體現(xiàn)在類型里。 實(shí)際上，這些變量是函數(shù)的隱藏狀態(tài)并不是組成API的一部分。

推斷類型

嘗試這個(gè)例子的時(shí)候，你會(huì)發(fā)現(xiàn)如果你在賦值語句的一邊指定了類型但是另一邊沒有類型的話，TypeScript編譯器會(huì)自動(dòng)識(shí)別出類型：

let addFunc = function(x: number, y: number): number { return x + y } let addFunc: (baseValue: number, increment: number) => number = function(x, y) { return ?x + y }

這叫做“按上下文歸類”，是類型推論的一種。 它幫助我們更好地為程序指定類型。

本實(shí)例結(jié)束實(shí)踐項(xiàng)目地址

https://github.com/durban89/typescript_demo.git tag: 1.2.0

轉(zhuǎn)載于:https://my.oschina.net/zhangdapeng89/blog/1928605

總結(jié)

以上是生活随笔為你收集整理的TypeScript基础入门 - 函数 - 简介的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。