Angular回顧 - 基礎知識概況

一.Angular概況

1.什麼是Angular

Angular是谷歌開源的JavaScript庫，採用TypeScript進行開發

2.Angular掌握技術

• TypeScript的基本使用
• ES6語法

二.TypeScript

1.什麼是TypeScript

• TypeScript是JavaScript的超集，JavaScript的內容和ES6都可以在TypeScript中使用
• TypeScript的代碼依然要編譯成純JavaScript，TypeScript編譯工具可以運行在任何的服務器及任何系統上，且TypeScript開源

2.TypeScript優點

• 非常包容，可以使用JavaScript的所有語法編寫TypeScript
• 可以定義簡單到複雜的一切類型
• TypeScript如果報錯，依舊可以生成JavaScript文件
• TypeScript擁有活躍的社區

3.TypeScript缺點

• 學習成本高
• 短期項目，簡單的項目效率低下
• 跟其他庫的兼容性不高（有的庫是用JavaScript編寫的）

4.實例代碼

• 創建test.ts文件並添加下述內容

function sayhello(person: string) {
    return `hello ${person}`;
}
var user: string = "Jack";
console.log(sayhello(user));

• ts無法直接使用，需要轉成Js進行使用，使用tsc test.ts將test.ts文件轉成test.js文件，如下

function sayhello(person) {
    return "hello " + person;
}
var user = 1;
console.log(sayhello(user));

• 若將類型變成number進行傳入，則運行tsc編譯時會報錯，但依舊會生成js文件（即包容性）

// Ts:
function sayhello(person: string) {
    return `hello ${person}`;
}
var user: number = 1;
console.log(sayhello(user));
// 報錯信息
test.ts:5:22 - error TS2345: Argument of type 'number' is not assignable to parameter of type 'string'.
5 console.log(sayhello(user));
                       ~~~~
Found 1 error.
// Js:
function sayhello(person) {
    return "hello " + person;
}
var user = 1;
console.log(sayhello(user));