TypeScript 引用類型


 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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM