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...