2019獨角獸企業重金招聘Python工程師標準>>>

轉載

TypeScript基礎入門 - 函數 - 簡介

項目實踐倉庫

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

為了保證后面的學習演示需要安裝下ts-node，這樣后面的每個操作都能直接運行看到輸出的結果。

npm install -D ts-node

后面自己在練習的時候可以這樣使用

npx ts-node 腳本路徑

函數

介紹

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

函數

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

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

在JavaScript里，函數可以使用函數體外部的變量。 當函數這么做時，我們說它‘捕獲’了這些變量。?
至于為什么可以這樣做以及其中的利弊超出了本文的范圍，但是深刻理解這個機制對學習JavaScript和TypeScript會很有幫助。

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

函數類型

為函數定義類型
讓我們為上面那個函數添加類型

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

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

書寫完整函數類型

現在我們已經為函數指定了類型，下面讓我們寫出函數的完整類型。

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

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

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

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

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

函數的類型只是由參數類型和返回值組成的。 函數中使用的捕獲變量不會體現在類型里。 實際上，這些變量是函數的隱藏狀態并不是組成API的一部分。

推斷類型

嘗試這個例子的時候，你會發現如果你在賦值語句的一邊指定了類型但是另一邊沒有類型的話，TypeScript編譯器會自動識別出類型：

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

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

本實例結束實踐項目地址

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

轉載于:https://my.oschina.net/zhangdapeng89/blog/1928605

總結

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

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