zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    表单:文本框默认提示信息(小例子)
    代码:jquery小效果—— 吸顶
    Day5:面向对象的定义(中)
    Day5:面向对象的定义(上)
    Day4:数组(扩展知识)
    Day4:数组
    Day3:JAVA方法的定义
    Day2:JAVA判断与运算(循环)
    Eclipse使用技巧
    (HTTP)状态码详解
  • 原文地址:https://www.cnblogs.com/DoubleLoong/p/9592270.html
Copyright © 2011-2022 走看看