TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。在仪表盘宏开发中需要使用TypeScript来开发。TypeScript与JavaScript最大的不同点在于TypeScript是强类型的语言,而JavaScript是弱类型的,变量的类型由变量的值来决定,即动态类型。
在线编译地址:https://www.jyshare.com/compile/5577/
二、基础类型:
类型 | 描述 | 示例 |
---|---|---|
| 表示文本数据 |
|
| 表示数字,包括整数和浮点数 |
|
| 表示布尔值 |
|
| 表示相同类型的元素数组 |
|
| 表示已知类型和长度的数组 |
|
| 定义一组命名常量 |
|
| 任意类型,不进行类型检查 |
|
| 无返回值(常用于函数) |
|
| 表示空值 |
|
| 表示未定义 |
|
| 表示不会有返回值 |
|
| 表示非原始类型 |
|
| 联合类型,表示可以是多种类型之一 |
|
| 不确定类型,需类型检查后再使用 |
|
三、声明变量
变量声明: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)) // 报错
五、视频教学
TypeScript:https://my.smartbi.com.cn/edu/course-121