BradyCC的博客

namespace 命名空间，可以把一组全局变量封装成一个统一的接口，选择性的进行暴露，实现组件化开发思想。 用 namespace Home 包裹全局变量 需要暴露的变量使用 export 导出 使用 new Home.Page() 执行 namespace Home { class Header { constructor() { const elem = do...

泛型 generic，是泛指的类型。 在函数中使用泛型 /** * 泛型在函数中声明、使用 */ // 可以定义多个泛型，指定多个参数的类型 const join = <T, S>(first: T, second: S) => { return `${first}${second}`; }; join('1', 2); const joinAs = &lt...

固定用于判断的基础数据时，使用 TypeScript 中的枚举类型定义。 /** * 枚举类型 */ enum Status { OFFLINE, ONLINE, DELETED, } console.log(Status.OFFLINE, Status[0]); const getResult = (status: number): string => { sw...

TypeScript在使用联合类型时，会遇到以下问题，需要进行类型保护，以保证逻辑严谨性。 // 联合类型 // 用于进行类型保护的方式 // 1. as 语法 - 类型断言 interface Bird { fly: boolean; sing: () => {}; } interface Dog { fly: boolean; bark: () => {}; ...

ES6中也增加了class关键字，TypeScript类的定义和继承 // 类定义 class Person { name = 'Brady'; getName() { return this.name; } } // 子类继承 class Teacher extends Person { // 子类方法 getTeacherName() { return...

interface接口，TypeScript使用接口定义数据类型 类可以实现接口，接口之前可以相互继承 接口只是TypeScript在开发过程中帮助做语法提示的工具，编译成JavaScript时，会把接口、类型相关内容剔除。 /** * ? 可选属性 * readonly 只读属性 * [propName] 其他属性 */ interface Person { name: stri...

TypeScript增加了类型检测，较JavaScript有以下几点优势：1、在编译时就能发现潜在错误问题并提示，而非在运行时，增加了更好的错误处理；2、在编写时代码提示更友好，提示类型对应的属性和方法；3、代码语义更清晰，类型就是最好的注释。 基础类型：number、string、boolean、null、undefined、void、symbol // 当声明和赋值在两行时，需要使用类...

TypeScript是强类型语言，这就意味着声明变量时，必须指定类型。这是与Javascript不同的地方。指定类型，既可以增强代码的健壮性（执行编译、语法检查）又可以提升代码的可读性（类型是最好的注释）。 TypeScript数据类型： number：数值类型 string：字符串类型 boolean：布尔类型 数组类型（Array） number[]：数值数组 Array：泛型数组 ...

要使用 TypeScript , 首先要安装 TypeScript，打开终端，执行 npm i -g typescript 即可。 安装成功后，执行 tsc -v 查看版本信息 创建、编写TypeScript文件后，执行 tsc 文件名.ts 即可编译。 // demo.ts // 学生 class Student { // 全名 public fullName: stri...