typescript
关注
分享
扫一扫
文章平均质量分 82
typescript学习
luckybing~
一个积极向上、乐观开朗、遇到Bug想一晚上、没秃顶、会写段子的web前端工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ts 之 装饰器
装饰器的本质是函数修饰器对类的行为的改变，是代码编译时发生的（不是TypeScript编译，而是js在执行机中编译阶段），而不是在运行时。这意味着，修饰器能在编译阶段运行代码。也就是说，修饰器本质就是编译时执行的函数。在Node.js环境中模块一加载时就会执行https://www.jianshu.com/p/f4c961cbb074装饰器的例子看下这篇文章，自己动手例子打一打吧...原创 2020-09-22 15:00:47 · 651 阅读 · 0 评论 -
在 vue 中使用装饰器
在 vue 中使用 ts 时，有一句常见的代码import { Component, Vue } from 'vue-property-decorator'vue-property-decorator 是 vue 中封装装饰器的插件，其中有哪些装饰器呢？装饰器首字母大写@Component@Watch@Prop@Model@Emit...原创 2020-09-21 18:19:42 · 1735 阅读 · 1 评论 -
static 静态方法
1. 静态方法 staticstatic 定义的函数不允许其实例访问// 静态方法 static 的定义class Point { x: number; y: number constructor (x:number, y:number) { this.x = x this.y = y } getPosition () { return `(${this.x},${this.y})` } static getName () { ret.原创 2020-09-21 11:32:33 · 266 阅读 · 0 评论 -
ts 查缺补漏
（一）联合类型： |let result: (string | number) = 'hh'（二） 函数可选参数需要加 ？function getName (age: number, name?:string):string { return `age: ${age}, name: ${name}`}如果指定了默认值，就不用加 ？了function getName (age: number, name:string = 'xiaoming'):string { r..原创 2020-09-20 22:51:12 · 155 阅读 · 0 评论 -
typescript 新增类型
新增类型：元组、枚举、never、void、any（一）元组元组就是规定了【元素数量】和【每个元素类型】的数组let arr:[number, string, boolean] = [1, 'hah', true]必须一一对应，不能有任何幺蛾子，比如增加一项数组等等let arr1:[number, string, boolean] = [1, 'hah', true, 'dd']上面代码报错元组的特点：（1）要指定元素的个数 （2）要为每个元素指定类型（二）枚举e原创 2020-09-20 22:22:08 · 500 阅读 · 0 评论 -
tslint.json
1. 生成tslint.json首先下载 tslint，注意一定要全局，否则不生效cnpm i tslint --save -g生成 tslint.jsontslint --init此时项目中：2. 使用接口绕过多余属性检测的方式在接口中如果没有定义，但是使用时加了新字段会提示错误，介绍两种解决办法（1） 修改接口interface paramsCheck { activityId: string, age: number, [prop: st.原创 2020-09-17 12:38:02 · 1391 阅读 · 0 评论 -
使用 typescript 开发 vue 项目
（一）文件目录解析.├── README.md├── babel.config.js├── package.json├── public│ ├── favicon.ico│ └── index.html├── src│ ├── App.vue // 页面入口文件│ ├── assets│ │ └── logo.png│ ├── compone...原创 2019-12-03 17:26:24 · 660 阅读 · 0 评论 -
vue + typescript 文件目录结构解析
整体目录结构如下：执行tree -I 'node_modules' 命令，输出文件树状目录图～.├── README.md├── babel.config.js├── package.json├── public│ ├── favicon.ico│ └── index.html // 项目入口文件├── src│ ├── App.vue│ ├─...原创 2019-08-08 20:15:42 · 1955 阅读 · 0 评论 -
typescript todoList例子
html文件 引入的是 todo.js (ts转后的js)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-08-05 16:07:39 · 597 阅读 · 0 评论 -
typescript (四) 函数
（一）函数的定义跟js相比可以定义返回值的类型，以及传入的参数类型// x值为number，y值为number 返回值为numberfunction add (x:number, y:number):number { return x + y}// 匿名函数 返回值为空let add1 = function (x:number, y:number):void { co...原创 2019-08-01 10:48:40 · 181 阅读 · 0 评论 -
安装解析 ts 的包
1. 为什么要安装 ts 解析工具包Node.js / 浏览器 只认识 js 的代码，ts 的代码 他们不认识，所以需要先讲ts代码转为js的代码，然后再运行，所以需要安装解析ts的工具包2. 安装 ts 工具包全局安装了，以后就可以 tsc 文件名称 运行typescript文件了cnpm i typescript -g3....原创 2020-09-17 11:32:09 · 847 阅读 · 0 评论 -
typescript(三) 类的定义、继承、修饰符
（一）类的定义class Person { name:string; // name string类型 age:number; // age number类型 constructor(name:string,age:number) { this.name = name; this.age = age; } print() { return this...原创 2019-07-31 20:08:37 · 258 阅读 · 0 评论 -
typescript (一) 数据类型之联合数据类型
（一） 联合数据类型let d:string|number|boolean;d = true先声明d可以是string 或 number 或 布尔值如果 d=[1,2,3] 编译就会报错～（二）类型推论如果没有声明数据类型，typescript会根据你所赋的值来推断出他是什么类型～由第二行ts推断出了 zfb应该是一个number类型，所以第三行的时候把字符串赋值...原创 2019-07-25 19:28:51 · 475 阅读 · 0 评论 -
typescript (一) 数据类型之 基础数据类型
typescript的特点：1. 编译性语言2. 强类型的语言3. 真正的面向对象的语言1. 字符串类型(string)文件 Hello.tsvar email:string = '[email protected]'console.log(email)在变量名后面 ：加上改变量的类型string，即表示该变量是一个字符串～然后终端里面 tsc Hello.ts (......原创 2019-07-25 17:15:38 · 710 阅读 · 0 评论