美文网首页TypeScript
TypeScript入门基础(数据类型、任意值)

TypeScript入门基础(数据类型、任意值)

作者: nomooo | 来源:发表于2019-03-27 22:58 被阅读0次

    原始数据类型

    JavaScript 的类型分为两种:原始数据类型(Primitive data types)和对象类型(Object types)。

    原始数据类型包括:布尔值、数值、字符串、nullundefined 以及 ES6 中的新类型 Symbol

    布尔值
    在TypeScript中,使用boolean定义布尔值类型:

    let isDone: boolean = false;
    

    需要注意的是,使用构造函数 Boolean 创造的对象不是布尔值,而是一个 Boolean 对象:

    let createdByNewBoolean: Boolean = new Boolean(1);
    

    直接调用 Boolean 也可以返回一个 boolean 类型:

    let createdByBoolean: boolean = Boolean(1);
    

    在 TypeScript 中,boolean 是 JavaScript 中的基本类型,而 Boolean 是 JavaScript 中的构造函数。其他基本类型(除了 null 和 undefined)一样

    数值
    使用 number 定义数值类型:

    let decLiteral: number = 6;
    let hexLiteral: number = 0xf00d;
    // ES6 中的二进制表示法
    let binaryLiteral: number = 0b1010;
    // ES6 中的八进制表示法
    let octalLiteral: number   = 0o744;
    let notANumber: number     = NaN;
    let infinityNumber: number = Infinity;
    

    编译结果:

    var decLiteral = 6;
    var hexLiteral = 0xf00d;
    // ES6 中的二进制表示法
    var binaryLiteral = 10;
    // ES6 中的八进制表示法
    var octalLiteral = 484;
    var notANumber = NaN;
    var infinityNumber = Infinity;
    

    其中 0b10100o744 是 ES6 中的二进制和八进制表示法,它们会被编译为十进制数字。
    空值
    JavaScript没有空值(Void)的概念,在TypeScript中,可以用void表示没有任何返回值的函数:

    function alertName(): void {
        alert('My name is Tom');
    }
    

    声明一个 void 类型的变量没有什么用,因为你只能将它赋值为 undefined 和 null:

    let unusable: void = undefined;
    

    Null 和 Undefined
    在TypeScript中,可以使用 null 和 undefined 来定义这两个原始数据类型:

    let u: undefined = undefined;
    let n: null = null;
    

    undefined 类型的变量只能被赋值为 undefined,null 类型的变量只能被赋值为 null。

    与 void 的区别是,undefined 和 null 是所有类型的子类型。也就是说 undefined 类型的变量,可以赋值给 number 类型的变量:

    // 这样不会报错
    let num: number = undefined;
    // 这样也不会报错
    let u: undefined;
    let num: number = u;
    

    而 void 类型的变量不能赋值给 number 类型的变量:

    let u: void;
    let num: number = u;
    
    // index.ts(2,5): error TS2322: Type 'void' is not assignable to type 'number'.
    

    任意值
    任意值(Any)用来表示允许赋值为任意类型。
    如果是一个普通类型,在赋值过程中改变类型是不被允许的,但如果是 any 类型,则允许被赋值为任意类型

    let myFavoriteNumber: string = 'seven';
    myFavoriteNumber = 7;
    
    // index.ts(2,1): error TS2322: Type 'number' is not assignable to type 'string'.
    
    let myFavoriteNumber: any = 'seven';
    myFavoriteNumber = 7;
    

    在任意值上允许访问任何属性,也允许调用任何方法:

    let anyThing: any = 'hello';
    console.log(anyThing.myName);
    console.log(anyThing.myName.firstName);
    
    anyThing.setName('Jerry');
    anyThing.setName('Jerry').sayHello();
    anyThing.myName.setFirstName('Cat');
    

    可以认为,声明一个变量为任意值之后,对它的任何操作,返回的内容的类型都是任意值。

    未声明类型的变量
    变量如果在声明的时候,未指定其类型,那么它会被识别为任意值类型:

    let something;
    something = 'seven';
    something = 7;
    
    something.setName('Tom');
    

    等价于

    let something: any;
    something = 'seven';
    something = 7;
    
    something.setName('Tom');
    

    相关文章

      网友评论

        本文标题:TypeScript入门基础(数据类型、任意值)

        本文链接:https://www.haomeiwen.com/subject/rkexbqtx.html