19_发布订阅模式 本题考点：设计模式 根据题目要求，完成"EventEmitter"类实现发布订阅模式，考虑到同一名称事件可能有多个不同的执行函数，所以在构造函数中需要以对象的结构存放事件，核心步骤有： 构造函数中创建”events“对象变量用于存放所有的事件 添加”on“函数，用于订阅事件。当总事件中不存在此事件时创建新的事件数组，当存在时将”fn“函数添加在该事件对应数组中 添加”emit“函数，用于发布事件，遍历该事件下的函数数组并全部执行 参考答案： class EventEmitter { constructor() { this.events = {}...

18_寄生组合式继承 本题考点：原型链、call、Object.create 根据题目要求，通过寄生组合式继承使"Chinese"构造函数继承于"Human"构造函数。寄生组合式继承，即通过借用构造函数来继承属性，通过原型链的形式来继承方法，只调用了一次父类构造函数，效率高，也避免了在子类的原型对象上创建不必要的、多余的属性，原型链也不会被改变，核心步骤有： 在"Human"构造函数的原型上添加"getName"函数 在”Chinese“构造函数中通过call函数借助”Human“的构造器来获得通用属性 Object.create函数返回一个对象，该对象的__proto__属性为对象参数的原...

17_深拷贝 本题考点：递归、遍历、Map 根据题目要求，实现对象参数的深拷贝并返回拷贝之后的新对象，因为需要考虑参数对象和参数对象的每个数据项的数据类型可能包括函数、正则、日期、ES6新对象且必须考虑循环引用问题，所以需要引入ES6新对象Map并且详细的判断数据类型，核心步骤有： 首先判断对象参数是否为“null”，是则返回“null” 判断对象参数数据类型是否为“object”，不是则返回该参数 获取到对象参数的构造函数名，判断是否为函数、正则、日期、ES6新对象其中之一，如果是则直接返回通过该参数对象对应的构造函数生成的新实例对象 当以上条件判断之后函数依然没有结束时继续进行以下操作 ...

16_简易深拷贝 本题考点：递归、遍历 根据题目要求，实现对象参数的深拷贝并返回拷贝之后的新对象，因为参数对象和参数对象的每个数据项的数据类型范围仅在数组、普通对象（{}）、基本数据类型中且无需考虑循环引用问题，所以不需要做过多的数据类型判断，核心步骤有： 如果对象参数的数据类型不为“object”或为“null”，则直接返回该参数 根据该参数的数据类型是否为数组创建新对象 遍历该对象参数，将每一项递归调用该函数本身的返回值赋给新对象 参考答案： const _sampleDeepClone = target => { if(typeof target === 'object...

15_浅拷贝 本题考点：遍历 根据题目要求，实现一个对象参数的浅拷贝并返回拷贝之后的新对象，因为可能包含函数、正则、日期、ES6新对象，所以需要对这些对象类型进行特殊判断，核心步骤有： 如果对象参数的数据类型不为"object"或为"null"，则直接返回该参数 如果是"object"，就获取该参数的构造函数名，通过正则表达式判断该对象是否为函数、正则、日期、ES6新对象等，如果返回true，则直接返回该参数 当以上条件判断之后函数依然没有结束时，此时通过数组的原型方法判断该参数为普通对象或数组并创建相应数据类型的新变量 进入遍历体，将对象参数的每一项赋值给新变量 最终返回该新变量 参考答...

14_Object.freeze 本题考点：defineProperty 根据题目要求，实现一个仿Object.freeze功能的"_objectFreeze"函数，该函数可以冻结一个对象，一个被冻结的对象不能被修改、不能添加新的属性、不能删除已有属性，核心步骤有： 进入对象参数的遍历体中 判断当前对象参数是否为普通对象或数组 如果是普通对象或数组，则递归调用该函数，函数参数为当前遍历项 如果不是，则直接设置该参数的可写性为false 最后通过Object.seal函数封闭该对象，阻止添加新属性并将所有现有属性标记为不可配置 参考答案： const _objectFreeze = obje...

13_new 本题考点：原型链 根据题目要求，实现一个仿new功能的新"_new"函数，该函数会返回一个对象，该对象的构造函数为函数参数、原型对象为函数参数的原型，核心步骤有： 创建一个新对象 获取函数参数 将新对象的原型对象和函数参数的原型连接起来 将新对象和参数传给构造器执行 如果构造器返回的不是对象，那么就返回第一个新对象 参考答案： const _new = function() { const object1 = {} const Fn = [...arguments].shift() object1.__proto__ = Fn.prototype ...

12_Function.bind 本题考点：this、apply 根据题目要求，实现一个仿Function.bind功能的"Function._bind"函数，该函数会返回一个新的函数且该新函数内部通过apply修改了函数内部this指向，核心步骤有： 创建一个新this用来保存旧的this对象 返回一个匿名函数，该匿名函数返回通过apply修改了指针指向的函数运算结果 参考答案： Function.prototype._bind = function(target, ...arguments1) { const _this = this return function(....

11_Function.call 本题考点：this 根据题目要求，实现一个仿Function.call功能的"Function._call"函数，该函数会临时修改内部this的指向并返回结果，核心步骤有： 参数默认为window 获取调用该方法的对象，将this赋给对象参数，可以任意命名 通过该对象参数临时调用函数并返回结果 最后删除对象参数的临时函数属性 参考答案： Function.prototype._call = function(target = window) { target['fn'] = this const result = target['fn'](...

10_Object.create 本题考点：原型对象 根据题目要求，实现一个仿Object.create功能的"_objectCreate"函数，该函数创建一个新对象，使用现有的对象来提供新创建的对象的proto，核心步骤有： 创建一个临时函数 将该临时函数的原型指向对象参数 返回该临时对象的实例 参考答案： Object.create法创建一个新对象，使用现有的对象来提供新创建的对象的proto。 const _objectCreate = proto => { if(typeof proto !== 'object' || proto === null) return ...

09_Array.reduce 本题考点：Array.reduce 根据题目要求，实现一个仿Array.reduce功能的"Array._reduce"函数，并且需要将”_reduce“函数挂载在Array的原型对象上。根据Array.reduce的特点有： 接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值 可以接收一个初始值，当没有初始值时，默认初始值为数组中的第一项 实现该函数的核心步骤有： 在Array的原型对象上添加”_reduce“函数 ”_reduce“函数第一个参数为回调函数，第二个参数为初始值 进入数组长度的循环体中 当初始值为空时，首个被加数...

08_Array.filter 本题考点：Array.filter 根据题目要求，实现一个仿Array.filter功能的"Array._filter"函数，该函数创建一个新数组，该数组包含通过函数参数条件的所有元素，核心步骤有： 判断参数是否为函数，如果不是则直接返回 创建一个空数组用于承载新的内容 循环遍历数组中的每个值，分别调用函数参数，将满足判断条件的元素添加进空数组中 返回新的数组 参考答案： Array.prototype._filter = function(Fn) { if (typeof Fn !== 'function') return const ar...

07_Array.map 本题考点：Array.map 根据题目要求，实现一个仿Array.map功能的"Array._map"函数，该函数创建一个新数组，该新数组的结果是数组中的每个元素都调用一次函数参数后的返回值，核心步骤有： 判断参数是否为函数，如果不是则直接返回 创建一个空数组用于承载新的内容 循环遍历数组中的每个值，分别调用函数参数，将返回值添加进空数组中 返回新的数组 参考答案： Array.prototype._map = function(Fn) { if (typeof Fn !== 'function') return const array = thi...

06_instanceof 本题考点：原型链 根据题目要求，实现一个仿instanceof功能的"_instanceof"函数，该函数可以判断首参是否在第二个Fn构造函数的原型链上，核心步骤有： 获取首个对象参数的原型对象 获取Fn函数的原型对象 进入死循环，当两个参数的原型对象相等时返回true 当两个参数的原型对象不相等时获取首个对象参数原型的原型并且循环该步骤直到null时返回false 参考答案： const _instanceof = (target, Fn) => { let proto = target.__proto__ let prototype =...