typescript
肖ZE
这个作者很懒,什么都没留下…
展开
-
typescript——interface 和 type 的异同
相同点都可以描述一个对象或者函数interfaceinterface User { name: string age: number} interface SetUser { (name: string, age: number): void;}typetype User = { name: string age: number}; type SetUser = (name: string, age: number): void;都允许拓展(extends)inte原创 2020-08-13 20:59:48 · 334 阅读 · 0 评论 -
typescript——高级类型
Partialinterface Itest { webName: string; age: number; address: string;}type ant = Partial<Itest>;/* type ant = { webName?: string; age?: number; address?: string;} */Requiredinterface Itest { webName: string; age: number; a原创 2020-08-04 19:27:40 · 540 阅读 · 0 评论 -
typescript——(private、public、protected、static、abstract、readonly)
作用域当前类同一package其他packagepublic√√√protected√√√default√√×private√××作用域范围priavte本类可见public所有类可见protected本包和所有子类都可见(本包中的子类非子类均可访问,不同包中的子类可以访问,不是子类不能访问)default本包可见(即默认的形式)(本包中的子类非子类均可访问,不同包中的类及子类均不能访问)...原创 2020-08-04 19:23:19 · 2240 阅读 · 0 评论 -
typecript——错误信息
导入类似 jQuery、vant/lib 之类无 ts 声明的组件时错误提示import { Toast } from "vant/lib";编写 .d.ts 文件去声明declare module 'vant/lib' { export * from 'vant'}// 类似的还有在 vue 中引入 .vue 文件需要 declare 去声明declare module "*...原创 2019-11-28 16:25:42 · 2333 阅读 · 0 评论 -
typescritp——修饰器
修饰器:修饰器是一种特殊类型的声明,它能够被附加到类声明、方法、属性或参数上,可以修改类的行为通俗讲修饰器就是一个方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能常见的修饰器有:类修饰器、属性修饰器、方法修饰器、参数修饰器修饰器写法:普通修饰器(无法传参)、修饰器工厂(可传参)类修饰器类修饰器在类声明之前被声明(紧靠着类声明)类修饰器应用于类构造函数,可以用来...原创 2019-06-04 13:58:58 · 447 阅读 · 0 评论 -
typescritp——模块、命名空间
db.tsexport function getDB (): void { console.log('获取数据库的数据')}export let save = (): void => {console.log('保存数据成功')}let obj = { name: 'bob', age: 18,}// 当然这种,default 命名的暴露也行,一个模块只能默认暴...原创 2019-06-03 22:01:08 · 650 阅读 · 0 评论 -
typescript——模拟数据库操作
功能:定义一个操作数据库的库,支持 Mysql MongoDb Mssql要求:Mysql、Mssql 与 MongoDb 功能一样,都有 add、update、delete、get 方法注意:约束统一的规范,以及代码复用解决方法:需要约束规范所以要定义接口,需要代码复用所以用到泛型接口:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范泛型:通俗理解泛型就是解决类、接...原创 2019-06-03 21:31:25 · 1943 阅读 · 0 评论 -
typescript——泛型
软件工程中,不仅要创建一致的定义良好的 API,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能在像 C# 和 Java 这类语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据通俗理解就是未来解决:类、方法、接口的复用性,以及对不特定数据类型的支持泛型定义可以支持不特定的数据类型,要求:传入...原创 2019-06-02 13:50:05 · 143 阅读 · 0 评论 -
typescript——接口
属性接口:对 json 的约束function printLabel (json: { label: string }): void { console.log(json)}printLabel({ label: '' })上面的方式传 json 太繁琐假如对批量方法传入参数进行约束interface FullName { firstName: string secon...原创 2019-06-02 09:20:58 · 144 阅读 · 0 评论 -
typescript——静态属性/方法 多态 抽象类
静态属性/方法class Person { name: string static desc = 'static' // 静态属性 constructor (name: string) { this.name = name } run (): void { console.log(`${this.name} is running`) } stat...原创 2019-06-01 16:24:17 · 668 阅读 · 0 评论 -
typescript——类的定义 继承 修饰符
类的定义class Person { name: string // 属性 constructor (n: string) { // 构造函数 实例化类时候触发的方法 this.name = n } run (): void { // 方法 console.log((this.name)) }}let p = new Person('bob')p....原创 2019-06-01 15:09:51 · 177 阅读 · 0 评论 -
typescript——函数的定义
函数声明法function run1 (name: string, age: number): string { return `${name}---${age}`}run1('bob', 14)匿名函数法let run2 = function (num: number): number { return num}run2(18)无返回值let run3 = fu...原创 2019-05-31 11:44:34 · 526 阅读 · 0 评论 -
typescript——基本数据类型
booleanlet label0: boolean = truelabel0 = falseconsole.log(label0);stringlet label1: string = '123'label1 = '234'console.log(label1);numberlet label2: number = 123label2 = 234console.log(...原创 2019-05-31 09:49:10 · 859 阅读 · 0 评论 -
typescript——配置文档、自动编译 及 搭配 vue 使用
在要自动编译 ts 的目录,执行 tsc --init 生成 tsconfig.json 文件配置输出目标目录对于 VScode ,点击任务 > 运行任务 > tsc: 监视原创 2019-05-30 21:20:47 · 2392 阅读 · 0 评论