码迷,mamicode.com
首页 > 其他好文 > 详细

TypeScript 引用类型

时间:2018-09-05 17:44:50      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:函数赋值   dso   pes   hide   one   lap   types   构造   https   

技术分享图片
 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

TypeScript 引用类型

标签:函数赋值   dso   pes   hide   one   lap   types   构造   https   

原文地址:https://www.cnblogs.com/DoubleLoong/p/9592270.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!