建站
咨詢
售后
建站咨詢
新聞中心
TypeScript 的使用流程
TypeScript 的使用流程基本上如下圖所示：
成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái)，先為平度等服務(wù)建站，平度等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為平度企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
編譯 TypeScript 文件的這一步，我們使用的是前面安裝的全局 TypeScript 模塊，編譯指令為：
tsc index.ts
通過(guò)這一步的編譯之后，會(huì)在 index.ts 同級(jí)目錄下生成一份 index.js 文件，我們最終在頁(yè)面中使用的就是編譯產(chǎn)生的 JavaScript 文件。
我們?cè)谇懊嬲f(shuō)過(guò)，TypeScript 是靜態(tài)的，會(huì)在編譯過(guò)程中進(jìn)行數(shù)據(jù)類型、語(yǔ)法等的檢測(cè)，如果發(fā)現(xiàn)錯(cuò)誤會(huì)立即報(bào)錯(cuò)，比如我們編譯下面的 TypeScript 代碼：
產(chǎn)生如下報(bào)錯(cuò)：
// index.ts
let a: number = 12;
a = "編程三昧";
雖然編譯階段發(fā)生了報(bào)錯(cuò)，但最終還是會(huì)生成一份 JavaScript 文件：
// index.js
var a = 12;
a = "編程三昧";
編譯報(bào)錯(cuò)后是否生成 JavaScript 文件跟 TypeScript 編譯器的配置項(xiàng)有關(guān)，我們會(huì)在后面介紹編譯配置的詳細(xì)信息。
TypeScript 基本語(yǔ)法規(guī)則
學(xué)習(xí)一門語(yǔ)言，首先應(yīng)該學(xué)習(xí)的應(yīng)該是它的語(yǔ)法規(guī)則，只有掌握了規(guī)則，才能保證少犯錯(cuò)誤。
TypeScript 的基本語(yǔ)法規(guī)則和 JavaScript 相同。
TypeScript 保留關(guān)鍵字
和 JavaScript 一樣，TypeScript 也有保留關(guān)鍵字，主要有：
我們?cè)谑褂?TypeScript 進(jìn)行編碼時(shí)，需要注意這些保留關(guān)鍵字的使用。
空白和換行
TypeScript 會(huì)忽略程序中出現(xiàn)的空格、制表符和換行符。
我們經(jīng)常使用空格、制表符通常用來(lái)縮進(jìn)代碼，使代碼易于閱讀和理解。
function add(x: number, y: number): number {
return x + y;
}TypeScript 區(qū)分大小寫
TypeScript 區(qū)分大寫和小寫字符。
let name: string = "bianchengsanmei";
let Name: string = "編程三昧";
// name 和 Name 是不同的變量
分號(hào)是可選的
每行指令都是一段語(yǔ)句，你可以使用分號(hào)或不使用， 分號(hào)在 TypeScript 中是可選的，但是我們建議使用每一段語(yǔ)句都使用分號(hào)結(jié)束。
TypeScript 注釋
注釋是一個(gè)良好的習(xí)慣，雖然很多程序員討厭注釋，但還是建議你在每段代碼寫上文字說(shuō)明。
注釋可以提高程序的可讀性。
注釋可以包含有關(guān)程序一些信息，如代碼的作者，有關(guān)函數(shù)的說(shuō)明等。
- 單行注釋 ( // ) ? 在 // 后面的文字都是注釋內(nèi)容。
- 多行注釋 (/* */) ? 這種注釋可以跨越多行。
/*
* @Author : 編程三昧
* @FilePath : /typescript_learning/1.基本使用/index.ts
*/
// 名稱的拼音
let name: string = "bianchengsanmei";
// 名稱的漢字
let Name: string = "編程三昧";
總結(jié)
關(guān)于 TypeScript 的使用流程和基本語(yǔ)法規(guī)則就說(shuō)到這里，其實(shí)和 JavaScript 大差不差。
當(dāng)前題目：系統(tǒng)學(xué)習(xí)TypeScript之開(kāi)發(fā)流程和語(yǔ)法規(guī)則
本文URL：http://www.5511xx.com/article/djjepce.html
