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));