簡體   English   中英

在角度2中編寫到ES5的Typescript

[英]Compilation of Typescript to ES5 in angular 2

我是角度2的新手,並研究Typescript,以便在角度2中構建簡單的應用程序。

我發現我們可以使用類和腳本的類,接口,模塊等來構建應用程序。

但據我研究javascript我知道javascript不支持類,接口,模塊等。

下面是我在學習期間遇到的一些概念。

接口

接口用於類型檢查對象是否適合某個結構。 通過定義一個接口,我們可以命名一個特定的變量組合,確保它們總是在一起。

“當翻譯成JavaScript時,界面消失了 - 它們唯一的目的是幫助開發階段。” 在下面的例子中,我們定義了一個簡單的接口來檢查函數的參數:

在此輸入圖像描述

“屬性的順序無關緊要。我們只需要存在所需的屬性並成為正確的類型。如果缺少某些內容,類型錯誤或命名方式不同,編譯器會警告我們。”

在此輸入圖像描述

在構建大型應用程序時,面向對象的編程風格是許多開發人員的首選。

TypeScript提供了一個類系統,包括繼承,抽象類,接口實現,setter / getter等。“

這是一堂課

在此輸入圖像描述

模塊

模塊可以導出任意數量的函數,類或變量。 默認情況下,對象以其原始名稱導出。 如果需要,我們可以改變它。 模塊也可以具有默認導出成員。

以下代碼段顯示了不同導出語句的示例:

在此輸入圖像描述

由於打字稿被編譯成javascript,這些類,接口,模塊等是如何被發生的?

請閱讀精細手冊,例如使用https://www.typescriptlang.org/docs/handbook/interfaces.html開始

另外,編寫一個小的v1.ts源文件,編譯它,並讀取生成的JS輸出代碼。 然后添加一個小編輯來創建v2.ts,編譯它,並使用/usr/bin/diff -u來注意v1和v2輸出之間的變化。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM