更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

做过校验需求的小伙伴们都知道，校验其实是个麻烦事。 规则多，需要校验的字段多，都给我们前端带来巨大的工作量。 一个不小心，代码里就出现了不少if else等不可维护的代码。 因此，我觉得一个团队或者是一个项目，需要一个校验工具，简化我们的工作。 首先，参考一下 Joi。只看这一…

《笑傲江湖》中的“剑宗余孽”封不平本想仗着有嵩山派撑腰，一举夺了华山掌门宝座。可打了半天剑法上占不了便宜，最后只能使出“狂风快剑”，企图以内力取胜。可见，任何高明武功若无内功心法相辅，也是徒劳无功。 说回前端，如今的前端技术栈就如同武侠小说中的江湖一样，各门各派自成一体，可谓“…

在ES6中引入JavaScript的新特性中，我们看到了Set和Map的介绍。与常规对象和Array不同的是，它们是“键控集合（keyed collections）”。这就是说它们的行为有稍许不同，并且在特定的上下文中使用，它们可以提供相当大的性能优势。 在这篇文章中，我将剖析…

2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的

设计模式应该是个老生常谈的话题，不少写设计模式的书，都是基于Java写的，真正基于JavaScript写的不多，这里整理了我们前端常见的设计模式，供大家参考哈~JS设计模式一：工厂模式jS设计模式二：

我在写一篇图解 prototype 和 __proto__ 的区别时，搜资料搜到了一个有意思的现象，下面这两个运算返回的结果是一样的： Function instanceof Object;//true Object instanceof Function;//true 这个是怎…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 使用Proxy，你可以将一只猫伪装成一只老虎。下面大约有6个例子，我希望它们能让你相信，Proxy 提供了强大的 Javascript 元编程。 尽管它不像其他ES6功能用的普遍，但Proxy有许多用途，包括运…

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…