Typescript 的学习笔记

为对象声明类型 in： 遍历对象类型的属性或联合类型 使用Record声明对象类型 Record<key,value> key: 对象属性类型 value: 对象属性值的类型 自己实现一个 Recor

先看下 readonly 的作用 自己实现一个 myReadonly，以实现将一个对象的所有属性变为只读

Pick 泛型工具类 可以从一个对象类型中，选出一些属性，并生成新的类型 我们自己实现一个 Pick 工具类 相关知识： 联合类型： 多个类型 用 ｜ 符号分隔，只要满足其中一个或多个类型即可 例：

按照之前的webpack搭建的3个文章，先搭建一个项目，并使用less写样式 项目文件如下 再安装如下的插件 并对webpack.config.js添加如下配置

泛型 泛型用在函数中，类似函数的形参，可以在调用时当作实参传递过来 之前看到TS会做类型推断，也就是说，即使不显式的传、，函数也可以知道 "小王“ 是string类型、34 是number类型，并将对

当我们不希望自己封装的类被自己或别人，随意的更改信息时（比如将年龄改为 -20），我们就要限制类的使用。并在修改信息时，在类中可以拦截并检查 可上面这种方式并不可以做到限制访问 _name,_age，

interface 接口 用于定义类的类型，也可以定义对象 implements（实现） 关键字 作用：要求类 要 实现 定义的类型 使用方法：类名 implements 类型 注意： 像interf

我们可以通过extends关键字实现继承，同时父类也可以实例化，但有些父类定义太宽泛了，不够语义化，它定义出来就是为了让子类继承的。所以不允许实例化，可以使用 abstract 关键字 abstrac

当我们想要继承并且想覆盖掉父类的方法，我们可以直接在子类声明同名的方法即可。可是想覆盖掉属性这样却不可以。 super函数代表的就是父类（Animal），而父类里需要传入两个参数name,age。所以

当我们想实现类的继承，可以使用 exteneds 关键字，前面是要创建的新类（子类），后面则是要继承的类（父类）。当继承后，子类就拥有了父类的属性和方法了

下面创建一个class 而下面的代码会被编译为这样 constructor 是一个方法，一个类中必须存在的，如果创建class的时候没有写，则会默认添加。这个方法是在 new Person（） 时自动

Class 类：在程序中离不开对象，而类就是对象的模板，具备了属性和方法 以下就是创建一个类，并为其添加一些属性 现在我们将上面的代码编译一下 tsc -w 指令可以监听 ts文件，只要文件改动，则自

面向对象编程 在程序当中有这样一句话：万物皆对象。字面意思就是在程序里，一切都是对象，可是对象是什么呢？ 我们用程序做的一些事情，往往希望和现实有联系。犹如我们想有一辆车，但现实中买不起，但我们可以在

@babel/core 插件 现在我们要安装一个 @babel/core 插件，因为打包后的代码很可能无法满足低版本浏览器使用，比如箭头函数打包后依然是箭头函数 @babel/core 是Babel的

html-webpack-plugin 插件 先安装一个插件 html-webpack-plugin 这个插件可以帮助我们自动的创建html 然后在webpack.config.js中引入 接着执行

首先我们要安装先依赖 我用的是yarn安装的 yarn的优势主要是安装速度快，有两点：1、如果之前安装过这个包，那之后再用yarn安装时，不会再从网络下载，而是直接从缓存中获取。2、npm是同步下载的

compilerOptions 编译器的选项 1、alwaysStrict （设置编译后的文件是否使用严格模式） 默认值：  false 可选值：  true、false 类型：  boolean 说

compilerOptions 编译器的选项 1、allowJs （是否对js文件进行编译） 默认值： false 可选值： true、false 类型： boolean 2、checkJs （是否检

### 生成 tsconfig.json 文件 使用 tsc -init 会生成 tsconfig

类型 类型 例子 描述 number -1 , 0 , 1... 任意数字 string 'hello' , 'good'... 任意字符串 boolean true , false 布尔值 true