echo的前端成长之路

理解模块 模块的由来 现代JS开发会遇到代码量大和广泛使用第三方库的问题。解决这个问题的方案通常需要把代码拆分成很多部分，然后再通过某种方式将他们连接起来 理解模块模式 将代码拆分成独立的块，然后再把

概念点 编译 --> 词法分析 --> 词法作用域 --> 作用域链 函数作用域 --> 作用域闭包 块作用域 发生在代码执行前的事情（预编译）： 明确所有词法作用域，并将其关联起来 —— 明确作用域

很多面向对象语言都支持两种继承：接口继承 和 实现继承。前者只继承方法签名，后者继承实际的方法 接口继承在ECMAScript中是不可能的，因为函数没有签名 实现继承是ECMAScript唯一支持的继

通过上文的几种继承不难看出，各种策略都有自己的问题，也有相应的妥协。 正因为如此，实现继承的代码也显得非常冗长和混乱。 为解决这些问题，ECMAScript6新引入的class关键字具有正式定义类的能

虽然现在的开发都是直接使用ES6的class和TypeScript的 接口定义、 装饰器 等操作，但是了解ES6之前的 对象创建、继承实现 还是很有必要的（毕竟ES6的类也只是封装了构造函数+原型继承

理解原型 constructor —— 构造函数 prototype —— 指向 原型对象 的属性 __proto__ —— 指向 实例内部[[Prototype]]特性 的属性

简单介绍变量 在js中变量是很灵活的，举个简单的例子：即便一开始赋值了number类型，后续还可以改成字符串。 引用《Javascript高级程序设计》的话是：javascript变量是松散类型的，而

ECMA-262将对象定义为一组属性的无序集合。简单来说就是由多个键值对构成的数据 区分概念：对象（引用值），类 对象是某个特定 引用类型 的实例。在ECMAScript中，引用类型是把数据和功能组织

变量 对象 代理与反射 集合 操作符+语句 迭代器与生成器 函数 作用域 异步函数 类 模块 BOM DOM 事件（js + DOM） 表单脚本 线程 websocket 客户端存储 网络请求与远程资

Undefined, Null, String, Number, Boolean, Symbol, BigInt

原始值：最简单的数据，即Javascript基础数据类型中的任意一种 引用值：多个值构成的对象（Object） 延伸：浅拷贝 深拷贝 函数传参 类型判断