
(持续更新)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 · 15791 阅读 · 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 · 15757 阅读 · 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 · 14813 阅读 · 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 · 15309 阅读 · 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 · 14852 阅读 · 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 · 15577 阅读 · 0 评论 -
(精华2020年6月2日更新) TypeScript的基础使用
首先安装npm i -g typescript新建index.ts文件var a=123;在vscode终端运行tsc index.ts就可以生成index.js文件生成typescript配置文件tsconfig.jsontsc init{ "compilerOptions": { /* Basic Options */ // "incremental": true, /* Enable incremental compilat原创 2020-06-02 22:24:56 · 14599 阅读 · 0 评论