首頁 web前端 js教程 typescript有什麼用?能做什麼?

typescript有什麼用?能做什麼?

Oct 20, 2018 am 11:54 AM
typescript

javascript我們很熟悉了,可是typescript是什麼呢? typescript其實就是一種由微軟開發的自由和開源的程式語言,它是JavaScript的一個超集,而且本質上向這個語言添加了可選的靜態類型和基於類別的物件導向程式設計。接下來的這篇文章就來跟大家介紹一下typescript有什麼用?能做什麼?有興趣的小夥伴可以看一下。

我們首先要知道的是Typescript最終編譯出來的語言是js,它是讓我們更好的使用js,而不是用一個全新的語言取代它。

下面我們就直接來看typescript有什麼用?能做什麼?

1、編譯時的強型別

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

最簡單的,你可以申明變數的類型,typescript強大的強型別在編譯器檢驗的時候,那麼任何其他類型的賦值將會引起編譯錯誤,而我們此時只要根據報錯改掉對應的參數即可。

強型別還有一個最大好處就是智慧提示,例如你可以知道目前變數有哪些屬性和方法,這樣就會很方便。

2、模組化

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

module Project{
    export module Core{
        function FuncA(){ }
        export function FuncB(){
           FuncA();//ok
        }
    }
}

module Project.Core{
    export function FuncC(){
        FuncA();//error
        FuncB();//ok
    }
}

Project.Core.FuncA();//error
Project.Core.FuncB();//ok
Project.Core.FuncC();//ok
登入後複製

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

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

類似於C的頭文件,TypeScript允許你定義一些聲明,聲明已有的變數和類型,那麼你可以很方便的用強型別的方式去呼叫已有的類別庫。

以上就是本篇文章的全部內容了,更多其他精彩內容可以關注php中文網相關教學欄位! ! !

以上是typescript有什麼用?能做什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

5個常見的JavaScript記憶體錯誤 5個常見的JavaScript記憶體錯誤 Aug 25, 2022 am 10:27 AM

JavaScript 不提供任何記憶體管理操作。相反,記憶體由 JavaScript VM 透過記憶體回收過程管理,該過程稱為垃圾收集。

Vue3+TypeScript+Vite怎麼使用require動態引進圖片等靜態資源 Vue3+TypeScript+Vite怎麼使用require動態引進圖片等靜態資源 May 16, 2023 pm 08:40 PM

問題:Vue3+TypeScript+Vite的專案中如何使用require動態引入類似於圖片等靜態資源!描述:今天在開發專案時(專案框架為Vue3+TypeScript+Vite)需要動態引入靜態資源,也就是img標籤的src屬性值為動態獲取,按照以往的做法直接是require引入即可,如下程式碼:寫上後程式碼波浪線報錯,報錯提示:找不到名稱「require」。是否需要為節點安裝類型定義?請嘗試使用npmi--save-dev@types/node。 ts(2580)在進行了npmi--save-d

如何使用MySQL在TypeScript中實作資料類型轉換功能 如何使用MySQL在TypeScript中實作資料類型轉換功能 Jul 29, 2023 pm 02:17 PM

如何使用MySQL在TypeScript中實作資料型別轉換功能引言:在開發Web應用程式時,資料型別轉換是一個非常常見的需求。在處理資料庫中儲存的資料時,特別是使用MySQL作為後端資料庫時,我們經常需要將查詢結果中的資料按照我們所需的類型進行轉換。本文將介紹如何在TypeScript中利用MySQL實作資料類型轉換的功能,並提供程式碼範例。一、準備工作:在開

Vue3中怎麼使用TypeScript Vue3中怎麼使用TypeScript May 13, 2023 pm 11:46 PM

如何聲明字段名為枚舉的類型?根據設計,type欄位應該是一個列舉值,不應該由呼叫方隨意設定。下面是Type的枚舉聲明,共有6個欄位。 enumType{primary="primary",success="success",warning="warning",warn="warn",//warningaliasdanger="danger",info="info",}TypeSc

如何使用Redis和TypeScript開發高效能運算功能 如何使用Redis和TypeScript開發高效能運算功能 Sep 20, 2023 am 11:21 AM

如何使用Redis和TypeScript開發高效能運算功能概述:Redis是一個開源的記憶體資料結構儲存系統,具有高效能和可擴展性的特性。 TypeScript是JavaScript的超集,提供了型別系統和更好的開發工具支援。結合Redis和TypeScript,我們可以開發出高效的運算功能來處理大數據集,並充分利用Redis的記憶體儲存和運算能力。本文將介紹如何

使用Redis和TypeScript開發可擴展的前端應用程式 使用Redis和TypeScript開發可擴展的前端應用程式 Aug 01, 2023 pm 09:21 PM

標題:使用Redis和TypeScript開發可擴展的前端應用程式引言:在當今互聯網時代,可擴展性是任何應用程式的關鍵要素之一。前端應用程式也不例外。為了滿足用戶日益增長的需求,我們需要使用高效可靠的技術來建立可擴展的前端應用程式。在本文中,我們將介紹如何使用Redis和TypeScript來開發可擴展的前端應用程序,並透過程式碼範例示範其應用。 Redis簡介

Vue3相較於Vue2的變化:更好的 TypeScript 類型推導 Vue3相較於Vue2的變化:更好的 TypeScript 類型推導 Jul 07, 2023 pm 01:05 PM

Vue3相較於Vue2的變化:更好的TypeScript類型推導Vue是一種流行的JavaScript框架,用於建立使用者介面。而Vue3是Vue框架的最新版本,在Vue2的基礎上進行了大量改進和最佳化。其中之一是在TypeScript類型推導方面的提升。本文將介紹Vue3在類型推導方面的改進,並且透過程式碼範例進行說明。在Vue2中,我們需要手動為Vue組件

在PHP中使用TypeScript編寫更好的程式碼 在PHP中使用TypeScript編寫更好的程式碼 Jun 19, 2023 pm 06:31 PM

隨著JavaScript的不斷發展,前端工程師們已經逐漸意識到JavaScript本身存在的一些問題,例如缺乏型別檢查和模組化,這些問題在大型專案中經常會造成混亂和錯誤。為了解決這些問題,TypeScript應運而生,成為前端開發中越來越受歡迎的語言。而在後端開發領域中,PHP一直是極為流行的腳本語言。因此,結合TypeScript來開發PHP的應用程式

See all articles