美文网首页
typeScript学习的第2天

typeScript学习的第2天

作者: 半瓶不满 | 来源:发表于2019-10-25 11:16 被阅读0次

    一位伟大的哲人说话这么一句话,‘如果你每天进步一丢丢,就一丢丢,未来将不可估量’(我刚编的)。百米冲刺,不需要,因为我还有时间,还很充足;长跑需要耐力,坚持。运动不擅长,走路我们都会,哪怕是爬。人,最怕的就是原地踏步。
    everyone is No.1

    1、基础类型

    我们知道JavaScript有五大基础类型Undefined,Null,Boolean,Number ,String,ES6有多了一个Symbol
    而typeScript有多少呢?

    1. any //任意类型 声明为 any 的变量可以赋予任意类型的值。
    2. number //数字类型 双精度 64 位浮点值。它可以用来表示整数和分数。。
    3. string //字符串类型 一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。
    4. boolean //布尔类型 表示逻辑值:true 和 false。
    5. 数组类型 声明变量为数组。
    6. 元组类型 元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
    7. enum //枚举类型 声明变量为数组。
    8. void //void 用于标识方法返回值的类型,表示该方法没有返回值。
    9. null //null 表示对象值缺失。
    10. undefined //undefined 用于初始化变量为一个未定义的值
    11. never //never never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。
      因为ts的严格性,在我们定义常量变量数组对象函数时要申明其类型,且严格执行否则 报错。
    //数字类型 number 
    let age: number = 15;
    let age: number = "困";//Type '"困"' is not assignable to type 'number'  //将无法编译成js文件
    
    //字符串类型 string
    let name: string = "托尼老湿"; //这里定义的name再全局种变量冲突,因为ts模块化 所以加上 export 即可,
    let year: number = 5;
    let jobTime: string = `您好,我是 ${ name } 工作 ${ year} 年了`;
    export = {};
    
    //布尔类型 boolean 
    let age: number = 15;
    let flag1: boolean = true;
    let flag2: boolean = age; //age 报错   flag1  正常
    
    //数组类型
    // 在元素类型后面加上[]
    let arr1: number[] = [1, 2];
    // 或者使用数组泛型
    let arr2: Array<number> = [1, "a"];//报错 
    
    //元组 元组类型用来表示已知元素数量和类型的数组  各元素的类型不必相同,对应位置的类型需要相同。
    let arr: [string, number];
    arr = ['hao', 1];    // 运行正常
    // arr = [1, 'hao'];    // 报错
    console.log(arr[0]);    // 输出 hao
    
    //枚举  枚举类型用于定义数值集合。
    enum Color {Red, Green, Blue};
    let c: Color = Color.Blue;
    console.log(c);    // 输出 2
    
    //编译成js代码
    var Color;
    (function (Color) {
        Color[Color["Red"] = 0] = "Red";
        Color[Color["Green"] = 1] = "Green";
        Color[Color["Blue"] = 2] = "Blue";
    })(Color || (Color = {}));
    ;
    console.log(Color) 
    var c = Color.Blue;//输出 { '0': 'Red', '1': 'Green', '2': 'Blue', Red: 0, Green: 1, Blue: 2 }
    console.log(c); // 输出 2
    
    //void 用于标识方法返回值的类型,表示该方法没有返回值。
    function hello1(): void {
        alert("Hello Runoob");
    }
    function hello2(): number {
        return 1;
    }
    function hello2(): string {
        return "1";
    }
    
    //任意类型Any
    //变量的值会动态改变时,比如来自用户的输入,任意值类型可以让这些变量跳过编译阶段的类型检查,示例代码如下
    let x: any = 1;    // 数字类型
    x = 'I am who I am';    // 字符串类型
    x = false;    // 布尔类型
    
    x.ifItExists(); 
    x.toFixed();  
    
    //定义存储各种类型数据的数组时,示例代码如下:
    let arrayList: any[] = [1, false, 'fine'];
    arrayList[1] = 100;
    
    // 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;    // 运行错误
    
    // 启用 --strictNullChecks
    let x: number | null | undefined; //如果一个类型可能出行 null 或 undefined, 可以用 | 来支持多种类型,示例代码如下:
    x = 1; // 运行正确
    x = undefined;    // 运行正确
    x = null;    // 运行正确
    
    //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) {}
    }
    

    我觉得一个人成熟的标志是,不要计较太多,而是竭力争取!
    good luck

    相关文章

      网友评论

          本文标题:typeScript学习的第2天

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