ts复习

  1.如果变量的声明和赋值是同时进行的,ts可以自动对变量进行类型检测

let a = false;
a = true;

  2.否则,必须对变量进行声明

function sum (a:number, b:number):number{
     return a + b;               
}

  3.联合类型 使用|连接多个变量(有点像枚举,但ts有自己emun)

let a : "male" | "female";
a = "male";
a = "female";

  4.表示数组

//都表示数值类型的数组
let f : number[];
let f : Array<number>;

  5.设置函数结构的类型声明:
    语法:(形参:类型,形参:类型 ...)  => 返回值

let c: (a:number, b:number) =>number;
    d = function (n1:string, n2: string) : number{return 10;}

  6.类型断言,用来盖苏解析器变量的实际类型
    变量  as  类型
    <类型>变量

a = e as string
s = <string>e

  7.类型的别名

type priveType = 1|2|3|4|5
let k : privateType
let l : privateType

  8.{}用来指定对象中包含哪些属性
    1.在属性名后加上?,表示该属性是可选的

let b: {name:string, age?:number};
b ={name:'张三', }

    2.[proName:string]:any 表示任意类型的属性

let b:{name:string,[propName:string]:any};
b = {name:'李四', age:18, gender:'男'};

  9. tsconfig.json是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译
    "include"用来指定需要进行的编译的ts文件
      路径:** 表示任意目录
         *表示任意文件
    "exclude"表示不需要编译的文件目录

      默认值:["node_modules","bower_components","jspm_packages"]

   10.配置文件:

module:{
    //指定需要加载的规则
    rules:[
       {
        //test指定规则生效的文件
        test:  /\.ts$/ ,
        //使用的loader
        use:'ts-loader' ,
        // 不生效的文件
        exclude:/node-modules/
        }
    ]      
}                

 

   

 

posted @ 2022-09-07 11:39  清水紅葉  阅读(33)  评论(0编辑  收藏  举报