TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。在仪表盘宏开发中需要使用TypeScript来开发。TypeScript与JavaScript最大的不同点在于TypeScript是强类型的语言,而JavaScript是弱类型的,变量的类型由变量的值来决定,即动态类型。
在线编译地址:https://www.jyshare.com/compile/5577/
二、基础类型:
类型 | 描述 | 示例 |
---|---|---|
string | 表示文本数据 | let name: string = "Alice"; |
number | 表示数字,包括整数和浮点数 | let age: number = 30; |
boolean | 表示布尔值 true 或 false | let isDone: boolean = true; |
array | 表示相同类型的元素数组 | let list: number[] = [1, 2, 3]; |
tuple | 表示已知类型和长度的数组 | let person: [string, number] = ["Alice", 30]; |
enum | 定义一组命名常量 | enum Color { Red, Green, Blue }; |
any | 任意类型,不进行类型检查 | let value: any = 42; |
void | 无返回值(常用于函数) | function log(): void {} |
null | 表示空值 | let empty: null = null; |
undefined | 表示未定义 | let undef: undefined = undefined; |
never | 表示不会有返回值 | function error(): never { throw new Error("error"); } |
object | 表示非原始类型 | let obj: object = { name: "Alice" }; |
union | 联合类型,表示可以是多种类型之一 | let id: string |
unknown | 不确定类型,需类型检查后再使用 | let value: unknown = "Hello"; |
三、声明变量
变量声明:let [变量名] : [类型] = 值;
// typeScript和javaScript一样同样支持const、let、var关键字声明变量 const hello : string = "Hello World!" let a : number = 123 var b : string[] = ["jack","Ail"]
四、函数
相较于JavaScript的函数声明,TypeScript的函数声明需要增加返回值类型、参数类型,如下:
function function_name(参数1:类型,参数2:类型):返回值类型 { // 执行代码 return 返回值; } 无返回值时返回值类型为void,void可省略 function concat(p:string):string { // 返回一个字符串 return "Hello" + p; } console.log(concat("word")) console.log(concat(123)) // 报错