m0_51207602的博客

TypeScript 泛型泛型简单来讲就是在声明这个函数时我们不去指定具体的类型，等到我们在调用的时候再去传递具体的类型。function createNumberArray(length:number,value:number):number[]{ const arr = Array<number>(length).fill(value)//比如Array就是一个泛型类，在ts内部定义时他不知道我们要传递什么参数所以它使用泛型参数，number就是我们所指定的 return a

类类可以用来描述一类具体事物的抽象特征。ES6以前，函数+原型模拟实现类（打一个比喻：女生是类，女朋友是对象，要使用女朋友必须new一个女生称为女朋友后才能使用），ES6开始，JavaScript中有了专门的class，而在TypeScript中，TypeScript不仅可以使用es6下所以类的功能，而且还添加了一些额外的功能和用法。es6简单继承例子1.es6方式class Parent{ constructor(){ this.age=18 } }

TypeScript接口（可选成员，只读成员）interfaces翻译过来就是接口，可以理解成规范或者是契约，可以用来约定对象的结构，我们去使用一个接口就必须要去遵循接口的全部规定。 TypeScript接口最直观的提现就是可以去约定一个对象当中具体有哪些成员，成员的类型又是什么样子。我们看下下面的例子。interface Post { title:string content:string}function printPost(post:Post){ console.lo

函数类型约束函数类型约束就是对函数的输入输出进行类型限制。在JavaScript有两种函数定义的方式，有函数声明和函数表达式两种方式比如下面：两个参数的类型我们设置为number 参数类型设置为string1.函数声明function func1(a:number,b:number):string{ return 'func1'};func1(100,200)注意传入的参数类型和个数要完全一致2.函数表达式const func2 = function (a:number,b:nu

数组类型常见写法const arr1:Array<number> = [1,2,3]//表示纯数字组成的类型const arr2:number[] = [1,2,3]//元素类型表示，同样表示纯数字组成的类型这样的优势是什么？我们来看下下面的例子function sum(...args){ //判断是不是每个成员都是数字 return args.reduce((prev,current)=>prev+current,0)}我们需要判断…arg每个成员是不

TypeScriptTypeScript是JavaScript的超集TypeScript=JavaScript+类型系统+ES6（或者更后版本） 会被编译为JavaScript配置步骤1.npm install -g typesrcipt下载2. tsc --inti 生成tsconfig.json 改 “outDir”: “./js”,3. 菜单栏终端 - 运行任务 监视tsconfig.json1.TypeScript原始类型//原始数据类型const a:string = 'f

强类型和弱类型强类型的语言层面限制函数的实参类型必须与形参类型相同，弱类型语言层面不会限制实参的类型,比如下面的js代码。（不过也有说法是强类型语言不允许任何的隐式类型的转换，弱类型的语言则允许任意数据隐式类型转换，强弱类型定义比较模糊）function foo(num){ console.log(num); }foo(100)//okfoo('100')//okfoo(parseInt('100'))//ok很多时候js代码的类型错误是在逻辑判断后手动抛出的，而不是在语言层面