TypeScript 引用类型

Posted 2021-01-04 doubleloong

 1 // 初识引用类型
 2 let doubleloong = {
 3     name: ‘白夜‘,
 4     website: ‘https://www.cnblogs.com/DoubleLoong/‘,
 5     age: 18,
 6     saySometing: function () {
 7         console.log(‘为了生活‘)
 8     }
 9 }
10 
11 console.log(doubleloong.name) // 白夜
12 doubleloong.saySometing()     // 为了生活

初识引用类型

通过上面的案例，我们看到引用类型是一种复合的数据类型，引用类型中封装了很多对属性，每一对属性都有属性名和属性值。属性名是字符串，属性值是任意类型的数据。可以通过变量名和属性名获取属性的值或者调用属性的方法。

在TypeScript中也给我们提供了一些引用类型，例如：Array（数组）、String（字符串）、Date（日期对象）、RegExp（正则表达式）等。

1 /// 数组声明
2 let arr1: number[]          // 声明一个数值类型的数组
3 let arr2: Array<string>     // 声明一个字符串类型的数组
4 let arr2: Array<boolean>    // 声明一个布尔类型的数组

数组声明

 1 /// 数组赋值
 2 /// 字面量赋值法
 3 let arr1: number[] = []
 4 let arr2: number[] = [1, 2, 3, 4, 5, 6]
 5 let arr3: Array<string> = [‘aa‘, ‘bb‘, ‘cc‘]
 6 let arr4: Array<boolean> = [true, false, true]
 7 console.log(arr1) // []
 8 console.log(arr2) // [ 1, 2, 3, 4, 5, 6 ]
 9 console.log(arr3) // [ ‘aa‘, ‘bb‘, ‘cc‘ ]
10 console.log(arr4) // [ true, false, true ]
11 
12 /// 构造函数赋值法
13 let arr1: number[] = new Array()
14 let arr2: number[] = new Array(1, 2, 3, 4, 5, 6)
15 let arr3: Array<string> = new Array(‘aa‘, ‘bb‘, ‘cc‘)
16 let arr4: Array<boolean> = new Array(true, false, true)
17 console.log(arr1) // []
18 console.log(arr2) // [ 1, 2, 3, 4, 5, 6 ]
19 console.log(arr3) // [ ‘aa‘, ‘bb‘, ‘cc‘ ]
20 console.log(arr4) // [ true, false, true ]

数组赋值

/// 元祖
let x: [string, number]

x = [‘hello‘, 10]
console.log(x) // [ ‘hello‘, 10 ]
x = [10, ‘hello‘]
console.log(x) // Type ‘number‘ is not assignable to type ‘string‘. Type ‘string‘ is not assignable to type ‘number‘.

元祖，一种特殊的数组

学习路径：http://jspang.com/post/typescript.html?tdsourcetag=s_pcqq_aiomsg