本文介紹了如何在vue中使用ts的示例代碼，分享給大家，具體如下：

專業(yè)從事企業(yè)網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)服務(wù)，包括網(wǎng)站建設(shè)、主機(jī)域名、雅安服務(wù)器托管、企業(yè)郵箱、微信公眾號(hào)開發(fā)、微信支付寶微信小程序、App定制開發(fā)、軟件開發(fā)、等服務(wù)。公司始終通過不懈的努力和以更高的目標(biāo)來要求自己,在不斷完善自身管理模式和提高技術(shù)研發(fā)能力的同時(shí)，大力倡導(dǎo)推行新經(jīng)濟(jì)品牌戰(zhàn)略，促進(jìn)互聯(lián)網(wǎng)事業(yè)的發(fā)展。

注意：此文并不是把vue改為全部替換為ts，而是可以在原來的項(xiàng)目中植入ts文件，目前只是實(shí)踐階段，向ts轉(zhuǎn)化過程中的過渡。

ts有什么用？

類型檢查、直接編譯到原生js、引入新的語法糖

為什么用ts？

TypeScript的設(shè)計(jì)目的應(yīng)該是解決JavaScript的“痛點(diǎn)”：弱類型和沒有命名空間，導(dǎo)致很難模塊化，不適合開發(fā)大型程序。另外它還提供了一些語法糖來幫助大家更方便地實(shí)踐面向?qū)ο蟮木幊獭?br />

typescript不僅可以約束我們的編碼習(xí)慣，還能起到注釋的作用，當(dāng)我們看到一函數(shù)后我們立馬就能知道這個(gè)函數(shù)的用法，需要傳什么值，返回值是什么類型一目了然，對(duì)大型項(xiàng)目的維護(hù)性有很大的提升。也不至于使開發(fā)者搬起石頭砸自己的腳。

Angular: 我們?yōu)槭裁催x擇TypeScript?

1. TypeScript 里優(yōu)秀的工具
2. TypeScript 是 JavaScript 的超集
3. TypeScript 使得抽象清晰可見
4. TypeScript 使代碼更容易閱讀和理解

是的，我知道這看起來并不直觀。讓我用一個(gè)例子來說明我的意思。讓我們來看看這個(gè)函數(shù)jQuery.ajax()。我們能從它的簽名中得到什么信息?

我們唯一能確定的是這個(gè)函數(shù)有兩個(gè)參數(shù)。我們可以猜測這些類型。也許第一個(gè)是字符串，第二個(gè)是配置對(duì)象。但這只是猜測，我們可能錯(cuò)了。我們不知道什么選項(xiàng)進(jìn)入設(shè)置對(duì)象(它們的名稱和類型)，或者該函數(shù)返回什么。

在不檢查源代碼或文檔的情況下，我們不可能調(diào)用這個(gè)函數(shù)。檢查源代碼并不是一個(gè)好的選擇——擁有函數(shù)和類的目的，是在不知道如何實(shí)現(xiàn)它們的情況下使用它們。換句話說，我們應(yīng)該依賴于他們的接口，而不是他們的實(shí)現(xiàn)。我們可以檢查文檔，但這并不是最好的開發(fā)經(jīng)驗(yàn)——它需要額外的時(shí)間，而且文檔經(jīng)常過期。

因此，盡管很容易閱讀jQuery.ajax(url,settings)，真正理解如何調(diào)用這個(gè)函數(shù)，我們需要閱讀它的實(shí)現(xiàn)或它的文檔。

以下是一個(gè)類型版本：

它給了我們更多的信息。

1. 這個(gè)函數(shù)的第一個(gè)參數(shù)是一個(gè)字符串。
2. 設(shè)置參數(shù)是可選的。我們可以看到所有可以傳遞到函數(shù)中的選項(xiàng)，不僅是它們的名稱，還包括它們的類型。
3. 函數(shù)返回一個(gè)JQueryXHR對(duì)象，我們可以看到它的屬性和函數(shù)。

類型化簽名肯定比未類型化的簽名長，但是:string，:JQueryAjaxSettings和JQueryXHR并不是混亂的。 它們是提高代碼的可理解性的重要文檔。我們可以更深入地理解代碼，而不必深入到實(shí)現(xiàn)或讀取文檔中。 我的個(gè)人經(jīng)驗(yàn)是，我可以更快地閱讀類型化代碼，因?yàn)轭愋吞峁┝烁嗟纳舷挛膩砝斫獯a。

摘自 Angular: 我們?yōu)槭裁催x擇TypeScript?

ts好學(xué)嗎？

TypeScript的一個(gè)設(shè)計(jì)亮點(diǎn)就是它并沒有拋棄JavaScript的語法另起爐灶，而是做成了JavaScript的超集（這個(gè)功勞應(yīng)該記在Anders上），這樣任何合法的JavaScript的語句在TypeScript下都是合法的，也就是說學(xué)習(xí)成本很低，如果你對(duì)JavaScript有比較深入的了解，那么其實(shí)可以很快的上手TypeScript，因?yàn)樗脑O(shè)計(jì)都是針對(duì)JavaScript的使用習(xí)慣和慣例。
一些簡單的例子，一看即懂：

基礎(chǔ)類型

let isDone: boolean = false; // 布爾值
let decLiteral: number = 6;  // 數(shù)字
let name: string = "bob"; // 字符串
let list: number[] = [1, 2, 3]; // 數(shù)組
...
...

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：如何在vue中使用ts的示例代碼-創(chuàng)新互聯(lián)
鏈接地址：http://chinadenli.net/article2/dgppic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、定制開發(fā)、小程序開發(fā)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站改版、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)