(持续更新)typescript
typescript
2b勿扰
专注技术的研究
展开
-
(精华2020年6月4日更新)TypeScript中装饰器的使用
类装饰器 //----------------------基本使用--------------------------- function logClass(param: string) { console.log(param) //ruanmou return function (target: any) { // console.log(target); //target:当前类 HttpClient con原创 2020-06-04 22:48:12 · 15838 阅读 · 0 评论 -
(精华2020年6月3日更新) TypeScript中泛型的使用
泛型的使用 //-------------------泛型方法-------------------- function getData1(value: string): string { return value; } function getData2(value: number): number { return value; } //any 放弃了类型检查,传入的参数类型和返回参数类型不一致 function getData3(value: any): any { ret原创 2020-06-03 23:59:24 · 15816 阅读 · 0 评论 -
(精华2020年6月3日更新) TypeScript中接口详解
非接口约束 function printA(labelObj:{label:string}){ console.log(labelObj); } printA({ label:'你好' }) //跳过额外字段的检测 // 第一种断言 : printA({ label:'你好', name:'laney' } as {label:string}) //第二种方式:添加字符串的索引签名 function printB(labelObj:{label:string,[pr原创 2020-06-03 23:43:18 · 14879 阅读 · 0 评论 -
(精华2020年6月3日更新) TypeScript中类的使用(封装,继承,多态)
基本使用 class Cat { name:string; color:string; constructor(name1:string,color:string){ this.name = name1; this.color= color } eat(){ console.log('eat'); } } var c1 = new Cat('哈哈','黄色'); 继承 class Animal { n原创 2020-06-03 00:00:54 · 15371 阅读 · 0 评论 -
(精华2020年6月2日更新) TypeScript函数详解
//函数声明 function run():string{ return 'run'; // return 123; //错误 } //函数表达式 var run2=function test():number{ return 123; } alert(run2()); //方法传参 function getInfo(name:string,age:number):string{ return `${name} ----${age}`; } alert(getInfo(原创 2020-06-02 23:34:27 · 14921 阅读 · 0 评论 -
(精华2020年6月2日更新) TypeScript的数据类型
第一种:布尔类型(boolean) var flag:boolean=true; flag = false; //正确 flag = '你好typescript'; //错误 第二种:数字类型(number) var num: number = 1314; num = 4131;//正确 num = '你好typescript'; //错误 第三种:字符串类型(string) var str: string = '你好typescript'; str = '你好js'; str = 1314; //原创 2020-06-02 22:50:16 · 15621 阅读 · 0 评论 -
(精华2020年6月2日更新) TypeScript的基础使用
首先安装 npm i -g typescript 新建index.ts文件 var a=123; 在vscode终端运行tsc index.ts就可以生成index.js文件 生成typescript配置文件tsconfig.json tsc init { "compilerOptions": { /* Basic Options */ // "incremental": true, /* Enable incremental compilat原创 2020-06-02 22:24:56 · 14645 阅读 · 0 评论