前言
当我们接触JavaScript
时,不得不感叹这门编程语言功能的强大:
- 灵活
- 简洁
- 操纵HTML对象
- 速度快
而后续推出的ES6
: 提供了更多方法,功能,以及优化。
那么JavaScript和TypeScript有什么关系呢?
准确的来说,TypeScript
就是JavaScript
静态类型的超集,当我们使用TS去开发项目时,必须按照TS类型规范去写,如果你使用JS写法去写,那么你会发现:你的代码一直在提示错误!这也很好的解释了,JS在只有在运行时才能发现错误,而TS在编译时有错误就会报错,这显著提高了代码的可维护性,此外!还提供了更好的工具支持。
类型系统
注: TS不会阻止JS的运行,即使TS存在类型错误。
基本使用:
const num: number=3;
function result(num: number): number{
return num;
}
类型基础
number
例如:
let num: number;
num=1;
num='字符串' // error
boolean
let flag: boolean;
flag=true;
flag=1; // error
string
let msg: string='我是字符串类型';
数组类型
let arr: number[]=[1,2,3];
console.log(arr.length) // 3
console.log(arr[1]) // 2
特殊类型
-
any: 使用any类型时 TS将所有类型检测将被关闭 所有类型都可以赋值给any;any也可以赋值给所有类型(兼容性),使用any是因为要告诉TS不需要任何类型检测。
-
undefined和null: 都能被赋值给任意类型。
-
void: 表示一个函数没有返回值。
枚举类型
enum result{
num1,
num2,
num3
}
let x: result=num3;
总结
以上就是常见的几种TS类型写法,详情可查文档去学习!