typescript
小白追梦
前端小菜鸡,欢迎交流
展开
-
Typescript(七) 联合类型和类型保护 + _Enum枚举类型详细讲解
1联合类型和类型保护1)联合类型的基本定义interface one { niejiao : boolean say:() => {}}interface two{ niejiao:boolean skills:() => {}}// 这种包含多个的叫联合声明 animal 是参数 function Judge(animal:one | two){}这个时候如果直接在function里面 用animal.say() 报错我们如何处理这原创 2020-10-02 22:11:32 · 482 阅读 · 0 评论 -
Typescript(六) tsconfig.json + complierOptions + 再来一波complierOptions
1如何生成这个配置文件 目标文件夹---终端 ---- tsc -init1)如果 使用 tsc demo14.ts 生成 demo14.js 配置文件是不起作用的如果想起作用 可以直接 tsc但是 如果该文件夹包含多个文件 不要这样使用 因为会生成多个对应的js 你可能不想要如何处理这个问题? 我只想编译特定的ts 文件 其他的都不编译成 js1、配置文件 tsconfig.json中加 "include/files : ["demo14.ts"]", 里面放的是想编译的ts文件2、看原创 2020-10-02 22:11:11 · 454 阅读 · 0 评论 -
Typescript(五) 类的构造函数 + 类的getter setter static + 抽象类和只读属性的使用
1类的构造函数老规矩 初始定义一个最简单的构造函数 并尝试使用一下class Person1 { public name: string; // 这个地方就是我的构造函数 constructor(name: string) { this.name = name; }}// 后面必须传入参数 否则报错const per1 = new Person1("xiaofu");console.log(per1.name);结果和你想的一样简化一下class P原创 2020-10-02 22:10:47 · 579 阅读 · 0 评论 -
Typescript(四) 类的概念和使用 + 类的访问类型
1类的概念和使用1)我们先写个基本的类,然后我们再使用一下// 基本类的定义class Cats { // 类里面写点内容 content = "喵喵叫"; // 类里面可以加方法 // 返回 第一句的内容 say() { return this.content; }}// 使用这个类const op = new Cats();// 打印类的say()方法console.log(op);console.log(op.say());需要注意的是原创 2020-10-02 22:10:22 · 99 阅读 · 0 评论 -
TypeScript(三) 元组的使用和类型约束 +初识借口Interface +Interface第二次接触
1、元组的使用和类型约束元组现在使用比较少数组的加强版1)先说一下数组的缺陷 ?初始定义成这个样子const qp: (string | number)[] = ["xiaowang", "teacher", 23];如果这个时候 我写错了 我把 23写到两个字符串中间const qp: (string | number)[] = ["xiaowang", 23, "teacher"];但是我们神奇的发现 并没有报错但是程序逻辑出现了问题 啥问题? 我们继续往下看虽然可以原创 2020-10-02 22:10:02 · 321 阅读 · 0 评论 -
TypeScript(二) 类型注解 类型推断 + 函数参数和返回类型的注解 + 数组类型的注解方法
1、类型注解 类型推断1)类型注解let count1: number;count1 = 123;let count2 : number = 456;2)类型推断let count2Inference = 123;3)工作使用问题(潜规则)1、如果TS 能够自动分析变量类型 我们就什么都不用做2、如果TS 不能 分析变量类型 我们就需要类型注解举例子说明一下1)可以从 one two的类型 判断 three类型 这个叫类型推断 不用注解const one =原创 2020-09-21 10:36:36 · 804 阅读 · 0 评论 -
TypeScript(一)安装和运行环境 + 静态类型 + 基础静态类型和对象静态类型
1安装和运行环境建立在javascript 之上 扩展1) 先安装node2) npm install typescript -g tsc -v看一下版本就行测试是否装好不需要将node_mudles这个文件夹放进来3)遇到问题及解决 mac 电脑1-2我们新建一个文件夹 并且把文件夹放入 vscode 工作区1)直接桌面新建文件夹2)或者在终端写出来 cd desktop mkdir ppx接下来我们开始我们的 第一个ts程序 function tsFu() {原创 2020-09-21 10:35:34 · 108 阅读 · 0 评论