為什么要用TypeScript - 肉豬 - 博客園

為什么要用TypeScript

以下是本人的一點拙見,歡迎指正。

TypeScript的設計目的應該是解決JavaScript的“痛點”:弱類型和沒有命名空間,導致很難模塊化,不適合開發大型程序。另外它還提供了一些語法糖來幫助大家更方便地實踐面向對象的編程。

那先來看看TypeScript是如何解決這兩個問題的。

?

一. 編譯時的強類型

TypeScript設計了一套類型機制來保證編譯時的強類型判斷。

最簡單的,你可以申明變量的類型,那么任何其他類型的賦值將會引起編譯錯誤。

例如

var foo: string;
foo = true; //error: Cannot convert 'boolean' to string

有意思的是,類似于C#的var變量聲明,TypeScript會對賦值的變量進行類型推斷

例如

var bar = 0;
bar = ''; //error: Cannot convert 'string' to 'number'

強類型還有一個最大好處就是智能提示,例如你可以知道當前變量具有哪些屬性和方法

?

二. 模塊化

利用TypeScript的關鍵詞module,可以達到類似于命名空間的效果,而export可以控制是否被外部訪問,舉個例子

從這個例子可以看出module可以嵌套,訪問時用'.'作分隔符,也可以用'.'作為分隔符來簡寫module的嵌套,只有帶export關鍵詞的才可以被外部訪問,module可以合并,但是非export的對象在其他module下,即使是同一個名稱,也不能被訪問,如FuncA()。

?

其他的優點

容易上手

個人覺得TypeScript的一個設計亮點就是它并沒有拋棄JavaScript的語法另起爐灶,而是做成了JavaScript的超集(這個功勞應該記在Anders上),這樣任何合法的JavaScript的語句在TypeScript下都是合法的,也就是說學習成本很低,如果你對JavaScript有比較深入的了解,那么其實可以很快的上手TypeScript,因為它的設計都是針對JavaScript的使用習慣和慣例。

?

已有的類庫可以很方便的使用

類似于C的頭文件,TypeScript允許你定義一些聲明,聲明已有的變量和類型,那么你可以很方便的用強類型的方式去調用已有的類庫。

?

語法糖

TypeScript可以實現類,接口,枚舉,泛型,方法重載等,用簡潔的語法豐富了JavaScript的使用。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/248966.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/248966.shtml
英文地址,請注明出處:http://en.pswp.cn/news/248966.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

java繼承上機作業

實現如下類之間的繼承關系,并編寫Music類來測試這些類。 1 package su;2 3 class Instrument{4 public void play() {5 System.out.println("彈奏樂器");6 }7 8 public void play2() {9 // TODO 自動生成的方法存根 10 …

自定義標簽的作用

1)控制標簽體內容是否輸出 2)控制標簽余下內容是否輸出 3)控制重復輸出標簽體內容 4)改變標簽體內容 5)帶屬性的標簽 package com.loaderman.demo.a_tag;import java.io.IOException; import java.io.StringWriter;imp…

前端之模擬數據 - HackerVirus - 博客園

閱讀目錄 玩轉前端之模擬數據 回到目錄 玩轉前端之模擬數據 博客園主頁:http://www.cnblogs.com/handoing/ 是否還在為前端模擬數據頭疼? 是否還在為后端返回數據格式較多內心煩躁? 是否還想吸一支煙壓壓精? 看下去吧&#x…

Leetcode No.146 ****

運用你所掌握的數據結構,設計和實現一個 LRU (最近最少使用) 緩存機制。它應該支持以下操作: 獲取數據 get 和 寫入數據 put 。 獲取數據 get(key) - 如果密鑰 (key) 存在于緩存中,則獲取密鑰的值(總是正數)&#xff…

三元運算符運算(Day02)

三元運算符運算(Day02) 運算符:用來對常量或者變量連接的符號,稱為運算符。表達式:用運算符連接起來的整個式子成為表達式。比如:a10,1020運算符有以下五種:1、算術運算符2、賦值運算符3、關系運算符4、邏輯運算符5、三…

JS正則表達式驗證數字非常全 - 吾心無所 - 博客園

JS正則表達式驗證數字非常全 Js代碼 <script type"text/javascript"> function SubmitCk() { var reg /^([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]\.[a-zA-Z]{2,3}$/; if (!reg.test($("#txtEmail").val())) {…

datagrid 的標題的內容不對應整齊

$(document).ready(function(){ var column "[[" "{title:工號,field:grantorCode,sortable:true,hidden:true,width:fixWidth(0)}," "{title:外出告知人,field:grantor,sortable:true,width:fixWidth(0.15)}," "{title:開始時間…

laravel 分頁

2.1 基于查詢構建器分頁 有多種方式實現分頁&#xff0c;最簡單的方式就是使用查詢構建器或Eloquent模型的paginate方法。該方法基于當前用戶查看頁自動設置合適的偏移&#xff08;offset&#xff09;和限制&#xff08;limit&#xff09;。默認情況下&#xff0c;當前頁通過HT…

Postfix常用命令和郵件隊列管理(queue)

本文主要介紹一下postfix的常用命令及郵件隊列的管理: Postfix有以下四種郵件隊列&#xff0c;均由管理隊列的進程統一進行管理&#xff1a; maildrop&#xff1a;本地郵件放置在maildrop中&#xff0c;同時也被拷貝到incoming中。 incoming&#xff1a;放置正在到達隊列或管理…

異步加載js文件并執行js方法:實現異步處理網頁的復雜效果

異步加載js文件并執行js方法&#xff1a;實現異步處理網頁的復雜效果 有這么一個場景&#xff0c;當你的網頁頁面效果過多就會造成了打開頁面的速度變得緩慢&#xff0c;長時間處于加載的狀態&#xff0c;這樣的效果通常會讓用戶感到不友好&#xff0c;通常的處理方法是先…

1.java的基礎和數據類型

一.學習要求1.聽課一定要全神貫注2.課堂筆記&#xff0c;一定要自己總結&#xff0c;而且要有很嚴謹的邏輯關系。提綱很重要3.作業不折不扣的完成&#xff0c;并且多完成4.階段項目一定要獨立完成5.每天早上由一位同學來進行早分享&#xff0c;內容可以是昨天或者明天的學習內容…

JavaScript DOM操作 提高篇

做為一個web前端&#xff0c;處理和了解瀏覽器差異一個重要問題.下面將介紹本人在工作中的一些筆記總結&#xff0c;先介紹沒有使用js庫的情況。 1.  setAttribute方法設置元素類名 &#xff1a; 在jQuery中&#xff0c;直接使用attr()方法即可&#xff0c;可在原生的JS中 e…

《算法競賽進階指南》0.5排序

103. 電影 莫斯科正在舉辦一個大型國際會議&#xff0c;有n個來自不同國家的科學家參會。 每個科學家都只懂得一種語言。 為了方便起見&#xff0c;我們把世界上的所有語言用1到109之間的整數編號。 在會議結束后&#xff0c;所有的科學家決定一起去看場電影放松一下。 他們去的…

Spring Cloud Gateway(五):路由定位器 RouteLocator

本文基于 spring cloud gateway 2.0.1 1、簡介 直接 獲取 路 由 的 方法 是 通過 RouteLocator 接口 獲取。 同樣&#xff0c; 該 頂 級 接口 有多 個 實現 類&#xff0c; RouteLocator 路由定位器&#xff0c;顧名思義就是用來獲取路由的方法。該路由定位器為頂級接口有多個實…

CommonJS,AMD,CMD區別 - 鄭星陽 - ITeye博客

CommonJS&#xff0c;AMD&#xff0c;CMD區別 博客分類&#xff1a; seajs和requirejs JavaScript zccst轉載 學得比較暈&#xff0c;再次看commonjs&#xff0c;amd, cmd時好像還是沒完全弄清楚&#xff0c;今天再整理一下&#xff1a; commonjs是用在服務器端的&#xff…

739. Daily Temperatures

根據每日 氣溫 列表&#xff0c;請重新生成一個列表&#xff0c;對應位置的輸入是你需要再等待多久溫度才會升高的天數。如果之后都不會升高&#xff0c;請輸入 0 來代替。 例如&#xff0c;給定一個列表 temperatures [73, 74, 75, 71, 69, 72, 76, 73]&#xff0c;你的輸出應…

【NOIP2018】DAY2T2——填數游戲(輪廓線狀壓的dp?搜索打表)

描述 小 D 特別喜歡玩游戲。這一天&#xff0c;他在玩一款填數游戲。 這個填數游戲的棋盤是一個n m的矩形表格。玩家需要在表格的每個格子中填入一個數字&#xff08;數字 0 或者數字 1&#xff09;&#xff0c;填數時需要滿足一些限制。 下面我們來具體描述這些限制。 為了方…

Mysql中遇到的錯誤

Caused by: java.sql.SQLException: Unknown system variable ‘tx_isolation’ 這種錯誤是因為數據庫版本新的但是mysql的jar包是舊的&#xff0c;所以導入最新的mysqljar包 注意實體類和數據庫字段的映射關系&#xff0c;實體類中使用駝峰式的命名規則&#xff0c;大寫的字母…

Express 入門之Router - worldtree_keeper的專欄 - CSDN博客

要了解Router我們需要先知道到Application&#xff0c;首先&#xff0c;每一個express實例本身內部就內建了router&#xff0c;所以我們先從簡單的下手&#xff0c;先使用application&#xff1b;另外這里我們只選擇get方法&#xff0c;作為我們Router.Method, 之所以使用get是…

rest測試定義

1.為什么要做接口測試&#xff1a; 1.因為很多系統關聯都是基于接口實現的&#xff0c;接口測試可以將系統復雜的系統關聯進行簡化 2.接口工程比較單一&#xff0c;能夠比較好的進行測試覆蓋&#xff0c;也相對容易實現自動化持續集成 3.接口相對于界面功能 &#xff0c;會更底…