美文网首页
《TypeScript》 - 基础类型

《TypeScript》 - 基础类型

作者: 张中华 | 来源:发表于2021-06-25 07:06 被阅读0次

    TypeScript 包含的数据类型如下表:



    由图表可以看出,TS的数据类型与JS有所不同, 其中any, void, never,元组,枚举是新的数据类型。

    值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
    引用数据类型:对象(Object)、数组(Array)、函数(Function)。

    Any 类型

    任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型,它常用于以下三种情况。
    代码示例:

    let x: any = 1;    // 数字类型
    x = 'I am who I am';    // 字符串类型
    x = false;    // 布尔类型
    

    改写现有代码时,任意值允许在编译时可选择地包含或移除类型检查,示例代码如下:目前直接写在.ts文件中利用ts-node编译运行,ifItExists方法提示不存在会出粗。

    let x: any = 4;
    x.ifItExists();    // 正确,ifItExists方法在运行时可能存在,但这里并不会检查
    x.toFixed();    // 正确
    

    定义存储各种类型数据的数组时,示例代码如下:

    let arrayList: any[] = [1, false, 'fine'];
    arrayList[1] = 100;
    
    测试:ifItExists方法不支持会报错
    测试结果

    Null 和 Undefined

    null

    在 JavaScript 中 null 表示 "什么都没有"。
    null是一个只有一个值的特殊类型。表示一个空对象引用。
    用 typeof 检测 null 返回是 object。

    undefined

    在 JavaScript 中, undefined 是一个没有设置值的变量。
    typeof 一个没有值的变量会返回 undefined。

    Null 和 Undefined 是其他任何类型(包括 void)的子类型,可以赋值给其它类型,如数字类型,此时,赋值后的类型会变成 null 或 undefined。而在TypeScript中启用严格的空校验(--strictNullChecks)特性,就可以使得null 和 undefined 只能被赋值给 void 或本身对应的类型,示例代码如下:

    // 启用 --strictNullChecks
    let x: number;
    x = 1; // 运行正确
    x = undefined;    // 运行错误
    x = null;    // 运行错误
    

    上面的例子中变量 x 只能是数字类型。如果一个类型可能出现 null 或 undefined, 可以用 | 来支持多种类型,示例代码如下:

    // 启用 --strictNullChecks
    let x: number | null | undefined;
    x = 1; // 运行正确
    x = undefined;    // 运行正确
    x = null;    // 运行正确
    

    –strictNullChecks标记的启用是在tsconfig.json文件里进行配置。

    {
            "compilerOptions": { //编译选项,可以被忽略,这时编译器会使用默认值
                "strictNullChecks": false, //在严格的null检查模式下,null和undefined值不包含在任何类型里,只允许赋值给void和本身对应的类型。
            }
    }
    

    never 类型

    never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。这意味着声明为 never 类型的变量只能被 never 类型所赋值,在函数中它通常表现为抛出异常或无法执行到终止点(例如无限循环),示例代码如下:

    let x: never;
    let y: number;
    
    // 运行错误,数字类型不能转为 never 类型
    x = 123;
    
    // 运行正确,never 类型可以赋值给 never类型
    x = (()=>{ throw new Error('exception')})();
    
    // 运行正确,never 类型可以赋值给 数字类型
    y = (()=>{ throw new Error('exception')})();
    
    // 返回值为 never 的函数可以是抛出异常的情况
    function error(message: string): never {
        throw new Error(message);
    }
    
    // 返回值为 never 的函数可以是无法被执行到的终止点的情况
    function loop(): never {
        while (true) {}
    }
    

    相关文章

      网友评论

          本文标题:《TypeScript》 - 基础类型

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