TS —— 1、定义、泛型、类、枚举、元组、抽象

    let num:number = 15;
    num(变量名）:number(类型） = 15（具体值）
    // 表示定义一个变量num，指定类型为number;
    let str:string = 'abc';
    // 表示定义一个变量str，指定类型为string;

//在.ts文件中这样写不会报错

//自动生成一个同名的.js文件

（8）为什么要用到TS

    //定义一个函数计算二个数据的合计
    function sum(x, y) {
        if (typeof x != 'number') { //对于形参的类型要添加转换
            x = parseInt(x);
        }
        return x + y
    };
    sum('1', 2);	//3
    //TS的方式，直接约束了类型

（9）定义

1.类型定义

    let flag: boolean = false; //布尔类型
    let num: number = 15; //数值类型
    let str: string = 'abc'; //字符串类型
    let str2: string = `hello,${str}`;
    let msg: string = `hello,${str},${num}`;
    let u: undefined = undefined;
    let n: null = null;

（1）联合类型

表示取值可以为多种类型中的一种

    let a4: string | number;	//a4为多个类型
    a4 = 'seven';
    a4 = 7;

//提示错误（布尔类型）

    function getLength(str: string | number): number {	//第二个number是返回类型
        return str.length; //length提示错误，为什么？
    }
    console.log(getLength(123));
    //当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，只能访问此联合类型的所有类型里共有的属性或方法
===================================================================================
	//解决
    function getLength(str: string | number[]): number {
        return str.length;
    }
    console.log(getLength([1, 2, 3]));

（2）任意类型

如果是一个普通类型，在赋值过程中改变类型是不被允许的，任意值（Any）用来表示允许赋值为任意类型

    let a1: string = 'seven';
    a1 = 7;	//提示错误
    //但如果是 any 类型，则允许被赋值为任意类型
    let a2: any = 'seven';
    a2 = 7;
-----------------------------------------------------------------------------------
    //变量如果在声明的时候，未指

最低0.47元/天解锁文章

卷王233

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
TS —— 1、定义、泛型、类、枚举、元组、抽象

目录42、TypeScript（1）JavaScript 与 TypeScript 的区别（2）优势、缺点（4）安装（5）查看版本（6）编译（7）写法（8）为什么要用到TS（9）定义1.类型定义（1）联合类型（2）任意类型2.数组类型（1）方式一：数组（2）方式二：泛型3.面向对象—接口类型（1）接口的定义：（2）可选属性：（3）任意属性：（一个接口允许随便加）（4）泛型（常用）4.函数类型（1）参数默认值（...
复制链接

扫一扫