随笔分类 - TypeScript
摘要：在 ts 中使用 JQuery 在 html 中引入 jquery： <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> 有了 jquery 框架，就可以在 TypeScript 文件中进行
阅读全文
摘要：export class Header { constructor() { const elem = document.createElement("div"); elem.innerText = "This is Header"; document.body.appendChild(elem);
阅读全文
摘要：生成配置文件 # 生成 package.json 文件 npm init -y # 生成 tsconfig.json文件 tsc -init 修改 tsconfig.json 文件里的 rootDir（ts 文件目录）配置项。Parcel 默认编译输出到 dist 文件夹下。 示例代码 在 html
阅读全文
摘要：TypeScript 通过 tsc 编译成 JavaScript 时，用的是 var 全局变量，var 用多了会造成全局变量污染，为了解决这个问题，使用命名空间。 # 生成 package.json 文件 npm init -y # 生成 tsconfig.json文件 tsc -init 命名空间
阅读全文
摘要：更改 tsconfig.json 文件中的配置项： tsconfig.json 文件是由 tsc --init 命令生成的，参考：TypeScript 配置文件 - tsconfig.json { "compilerOptions": { "module": "amd", "outFile": ".
阅读全文
摘要：函数泛型 function join<T, P>(first: T, second: P) { return `${first}${second}`; } // 泛型虽然可以类型推断，但是还是建议明确写明类型。 join < number, string > (1, "2"); // 数组的形式 /
阅读全文
摘要：// 默认从 0 开始 enum Status { MASSAGE, SPA, DABAOJIAN, } // 修改从 1 开始 enum Status { MASSAGE = 1, SPA, DABAOJIAN, } // 反查 console.log(Status.MASSAGE, Status
阅读全文
摘要：只有联合类型存在的情况下，才需要类型保护。类型保护又叫类型守护。 联合类型 interface Waiter { anjiao: boolean; say: () => {}; } interface Teacher { anjiao: boolean; skill: () => {}; } //
阅读全文
摘要：tsconfig.json 文件的生成 tsconfig.json 文件是由 tsc --init 命令生成的。 直接运行 tsc 命令 tsconfig.json 文件才会生效，要是指定文件比如 tsc dome.ts ，tsconfig.json 文件不会生效。但是 ts-node 指定文件是遵
阅读全文
摘要：继承、重写和 Super class Lady { content = "Hi，帅哥"; sayHello() { return this.content; } } class XiaoJieJie extends Lady { sayHello() { return super.sayHello(
阅读全文
摘要：使用接口约束类型 interface Girl { name: string; age: number; bust: number; } const screenResume = (girl: Girl) => { girl.age < 24 && girl.bust >= 90 && consol
阅读全文
摘要：元组的使用 元组是数组的加强版。使用 CSV 格式的数据源时一般需要使用元组。 // 严格规定数组中每一列的类型 const xiaojiejie: [string, string, number] = ["dajiao", "teacher", 28]; // 获取 CSV 格式的数据 const
阅读全文
摘要：一般数组类型的定义 // 类型推断 const numberArr = [1, 2, 3]; // 类型注释 const numberArr: number[] = [1, 2, 3]; const stringArr: string[] = ["a", "b", "c"]; const undef
阅读全文
摘要：函数返回类型的注解 // 定义函数返回值类型 function getTotal(one: number, two: number): number { return one + two; } // 使用类型推断，不需要明确规定注解类型 const total = getTotal(1, 2); /
阅读全文
摘要：type annotation 类型注解 let count: number; count = 1; type inference 类型推断 const one = 1; const two = 2; const three = one + two; const person = { name: "
阅读全文
摘要：基础静态类型：number, string, boolean, null, undefinde, symbol, void const count : number = 1; 对象类型： const person: { name: string, age: number, } = { name: "
阅读全文
摘要：// 声明为 number 类型，强类型，不可把值改为其他类型 let count: number = 1; 自定义静态类型： interface User { name: string; age: number; } const person: User = { name: "张三", age:
阅读全文
摘要：安装 typescript npm install typescript -g yarn global add typescript 使用： # 使用 tsc 命令转成 js 文件 tsc demo.ts node demo.js 直接运行ts文件可以使用ts-node 安装ts-node npm
阅读全文
浙公网安备 33010602011771号