Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 


 

一、类

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

只读属性可以在构造器里赋值,但是赋值之后就不可以修改了;

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

可以使用访问器来访问私有private的属性;这个比java语言要自己写setNmae()和getName()方法要方便一些,但是都差不多;

 

 

二、接口

接口和type都可以实现对象类型的定义,

但是interface可以对同一个名字重复定义并且将同一名字的属性合并,type由于只是个别名所以不可以重复。

推荐使用interface定义对象;

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

字面量赋值:

ts说白了就是帮助我们进行数据类型检测的,有些时候它的类型检测可能并不智能,这个时候可以使用这种方式跳过它的类型检测;

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

 

三、枚举

枚举首先也是一种数据类型, 有点类似字面量类型+联合类型的综合体;

就是我们自定义一些 名称常量等;

但是枚举的可读性非常强,我们可以使用枚举名.属性名;

 

使用type来定义一个数据类型;

使用enum来定义一个常量集合;

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

枚举默认按照顺寻有0,1,2,3等值;

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

 

四、泛型

4.1什么是泛型?

实际上就是类型的参数化,将我们的类型在定义的时候不要写死,具体是什么类型由调用者传入的参数来决定;

但是又不要用any来定义,如果是any那么以后返回的类型也是any了,但是使用泛型,以后返回的类型就是调用者所传入的;

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

4.2 类型变量type,将不确定类型使用type这个参数替代

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 4.3 多个类型,多个参数替代

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 4.4   接口和类的泛型

除了函数可以使用泛型之外,接口和类在定义的时候,也可以使用泛型;

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 4.5泛型约束

通过让泛型继承一个接口,而使得这个泛型有了一定的约束,有了传入过来的参数必须要有的属性,变得没那么广泛了;

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

 

 

 

 

 

 

 

五、ts的模块化

js有模块化开发,ts也肯定有,并且除了js的esModule方式,还支持CommonJs方式;

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

5.2类型查找

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

5.3类型申明

ts使用第三方库、使用文件(图片文件等)一定要在.d.ts文件里有类型申明;

  • 内置声明:ts帮助我们申明好了;
  • 外部定义申明:我们引入的第三方库会有自己申明好的;或者下载别人神明好的文件;
  • 自定义申明: 自己申明,记住,只是申明有这个东西即可,不需要在.d.ts里实现,具体实现应该在其他文件;

如果申明了,才可使用import等方式导入吧;

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 5.4如何申明?

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

 

 

 

 

六、ts.config.json文件

Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 Vue—17—TypeScript之类、接口、枚举、泛型、类型声明、tsconfig.js文件等

 

 

 

   

上一篇:♥走进TypeScript的数据类型♥


下一篇:利用JavaScript与正则表达式判断输入账号格式是否正确