这是我参与8月更文挑战的第17天,活动详情查看:8月更文挑战
前言
TypeScript 是 JavaScript 类型的超集,它可以编辑成纯 JavaScript。TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。
安装 TypeScript
- 通过npm(Node.js包管理器)
> npm install -g typescript
TypeScript 的文件扩展名是以 .ts 结尾的
类型注解
类型注解:人为为一个变量指定类型
例子中的 person: string 就是类型注解,显性告诉编译器 person 接受一个 string 类型的值
ts 文件中如果没有指定类型以及指定的类型与传入的类型不一致会产生一个错误;
基本类型
TypeScript 数据类型几乎和 JavaScirpt 相同。
TypeScript:
Boolean、Number、String、Array、元组 Tuple、枚举 Enum、Any、void、Null、Undefined、Never、Object
JavaScript:
Boolean、Number、String、Array、Null、Undefined、Symbol、Object、Function
布尔值(Boolean)
Boolean 有两种值:true 和 false
let isTypeScript: boolean = false;
数字(Number)
Number 类型的数值都是浮点数,可以带小数点,也可以不带,还可以用科学记数法
let num1 = 1;
let num2 = 1.2;
let num3 = 123e5;
let num4 = 0b1010;
字符串(String)
String 表示文本数据类型,可以使用双引号(")或者单引号(')包含任意文本
let nickname: string = "张三";
let sex: string = '中性';
文本中不能包含跟包围文本的引号:
let nickname: string = "是"张三"吗?"; // ×
let nickname: string = "是'张三'吗?"; // √
ES6 还支持使用反引号(`),用于定义多行文本,或者在字符串中以 ${ expression } 嵌入变量、表达式
// 嵌入变量
let nickname: string = "张三";
let desc: string = `是${ nickname }吗?`;
// 嵌入表达式
let sum = `1 + 1 = ${ 1 + 1 }`;
数组
typescript 有两种定义数组的方式:
- 在该元素类型后面接
[],标识由该元素类型定义的数组
let list: number[] = [1, 2, 3]
- 使用数组泛型
Array<元素类型>
let list: Array<number> = [1, 2, 3];
Void(没有什么大用)
void 表示没有任何类型。 当一个函数没有返回值时,其会返回 void
function warnUser(): void {
console.log("This is my warning message");
}
Null(用处不大)
let x: null = null;
Undefined(用处不大)
undefined 这个值表示变量不含有值
let y: undefined = undefined;
关于反引号的介绍可以看阮一峰老师写的 ECMAScript 6 入门: 反引号(`)
欢迎关注我的公众号:A纲 Coder,获得日常干货推送。最后再次感谢您的阅读,我是程序猿憨憨