typescript
the_lower
这个作者很懒,什么都没留下…
展开
-
vue中使用typescript的迷惑
一. 第三方插件库:vue-class-componentvue-class-component 是官方维护的TypeScript装饰器,写法比较扁平化import { Component, Vue, Watch, Prop } from 'vue-class-component'import Header from '@/component/header.vue'import MyMixin from './mixin.js' Vue.mixin(MyMixin); @Compone原创 2020-07-16 18:09:00 · 320 阅读 · 0 评论 -
TypeScript学习(上)
一.基础类型1.布尔型 let isDone: boolean = false;2.Number型 let a: number = 5; 支持十进制/十六进制/二进制/八进制3.String型 let name: string = “bob”; name = “Mary”;Let sentence: string = hello, my name is ${ name };4**.数组** let list: number[] = [1, 2, 3];Let lis原创 2020-07-09 18:23:00 · 709 阅读 · 0 评论 -
typescript中的装饰器(笔记)
装饰器是一种特殊类型的申明,它能够被附加到类申明、方法、属性或参数上,可以修改类的行为通俗的讲,装饰器就是一个方法,可以注入到类、方法、属性或参数上来扩展类、属性、方法、参数的功能常见的装饰器: 类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法: 普通装饰器(无法传参)、装饰器工厂(可以传参)普通装饰器: 不能传参 // 定义一个装饰器function logClass(param:any){ console.log(param)//输出:ƒ HttpClient() {}.原创 2020-07-10 16:46:09 · 237 阅读 · 0 评论 -
typescript中的枚举(笔记)
使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript支持数字的和基于字符串的枚举。数字枚举enum Direction { //定义了一个数字枚举 Up = 1, //Up使用初始化为 1, 其余的成员会从 1开始自动增长,Direction.Up的值为 1, Down为 2, Left为 3, Right为 4 Down, Left, Right}我们还可以完全不使用初始化器:enum原创 2020-07-10 15:00:49 · 381 阅读 · 0 评论 -
typescript中的泛型(笔记)
例:不用泛型的话,函数可能是下面这样:function identity(arg: number): number { return arg;}或者,我们使用any类型来定义函数:function identity(arg: any): any { return arg;}使用any类型会导致这个函数可以接收任何类型的arg参数,这样就丢失了一些信息:传入的类型与返回的类型应该是相同的。如果我们传入一个数字,我们只知道任何类型的值都有可能被返回。因此,我们需要一种方法使返回值原创 2020-07-10 14:10:41 · 329 阅读 · 0 评论 -
typescript中的类(笔记)
1.类:class Greeter { greeting: string; Constructor(message: string){ This.greeting = mesage; } greet(){ Return “hello”+this.greeting; }}Let greeter = new Greeter(“world”);2.继承:Class Animal { Move(distance: number = 0){ Console.log(`animal原创 2020-07-10 11:37:27 · 136 阅读 · 0 评论 -
typescript中的函数
1.函数类型:我们可以为每个参数添加类型后再为函数本身添加返回值类型,ts能够根据返回语句自动推断出返回值类型,因此我们通常省略它;Function add (x: number, y: number): number{Return x+y;}Let myAdd = function(x: number, y: number): number{ return x+y; }2.推断类型: 如果在赋值语句的一边指定了类型但是另一边没有类型的话,ts编译器会自动识别出类型;Let myAdd = f原创 2020-07-10 11:25:38 · 164 阅读 · 0 评论