概述 TypeScript | 豆包MarsCode AI刷题

2 阅读1分钟

前言

当我们接触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类型写法,详情可查文档去学习!