这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天
1.课程要点:
- typescript的发展历史:起始于2012年
- typecript的特性:不同于JavaScript,typescript是静态的弱类型语言
- 为什么选择typescript?
-
- 可读性增强,可维护性增强,有更好的稳定性和开发效率
-
- 包含于兼容所有js的特性,支持共存,支持渐进式引入和升级
2.基本语法:
- 基础数据类型
- 对象类型
- 函数类型
- 函数重载
- 数据类型
- 补充类型
- 联合交叉类型
- 类型保护与类型守卫
- 函数返回值类型
3.工程应用:
- 使用TSC编译
- 使用webpack进行配置
4.代码实践:
if (typeof person === 'string') {
return 'Hello, ' + person;
} else {
throw new Error('person is not a string');
}
}
let user = 'Tom';
console.log(sayHello(user));
if (typeof person === 'string') {
return 'Hello, ' + person;
} else {
throw new Error('person is not a string');
}
}
let user = 'Tom';
console.log(sayHello(user));
let age1: string = '1313'
let age2: boolean = true
let a:number|string=111// 联合类型(或)可以是number也可以是string
let age3: undefined = undefined
let age4: null = null
//可以把null undefined赋值给其他类型如:
let num2: number = null//报错把tsconfig.json文件里的严格模式关掉就可以了
//例如for循环
for (let index: number = 0; index < 10; index++) {
if (index == 6) {
continue
}
console.log(index)
}
4.小结
什么是TypeScript?
TypeScript是一种添加了类型系统的 JavaScript,适用于任何规模的项目。
我们都知道JavaScript是一种弱类型的语言。而TypeScript增强了它的类型。
由于JavaScript 是一门非常灵活的编程语言,这将导致:
- 它没有类型约束,一个变量可能初始化时是字符串,过一会儿又被赋值为数字。
- 由于隐式类型转换的存在,有的变量的类型很难在运行前就确定。
- 基于原型的面向对象编程,使得原型上的属性或方法可以在运行时被修改。
- TypeScript 的类型系统,在很大程度上弥补了 JavaScript 的缺点。它是静态语言。