前端面试十大经典手写题

​1. 手写Object.create

思路：将传入的对象作为原型

function create(obj) {
    function F() {}  F.prototype = obj  return new F()}复制代码

   

2. 手写instanceof

instanceof 运算符用于判断构造函数的 prototype 属性是否出现在对象的原型链中的任何位置。

实现步骤：

首先获取类型的原型然后获得对象的原型然后一直循环判断对象的原型是否等于类型的原型，直到对象原型为 `null`，因为原型链最终为 `null`function myInstanceof(left, right) {
    let proto = Object.getPrototypeOf(left), // 获取对象的原型      prototype = right.prototype; // 获取构造函数的 prototype 对象​  // 判断构造函数的 prototype 对象是否在对象的原型链上  while (true) {
      if (!proto) return false;    if (proto === prototype) return true;​    proto = Object.getPrototypeOf(proto);  }}复制代码

3. 手写 new

（1）首先创建了一个新的空对象

（2）设置原型，将对象的原型设置为函数的 prototype 对象。

（3）让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性）

（4）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。

 function myNew(fn, ...args) {
        // 判断参数是否是一个函数      if (typeof fn !== "function") {
          return console.error("type error");      }      // 创建一个对象，并将对象的原型绑定到构造函数的原型上      const obj = Object.create(fn.prototype);      const value = fn.apply(obj, args); // 调用构造函数，并且this绑定到obj上      // 如果构造函数有返回值，并且返回的是对象，就返回value ;否则返回obj      return value instanceof Object ? value : obj;    }