JS的new做了什么?

92 阅读1分钟

我感觉手写个new就懂了其实~~

那么先写一个咯

  1. 创建一个给定构造函数的实例对象 -> 实例[[prototype]] = 构造函数.prototype
function myNew(constructorFn, ...args) {
  // 创建一个新的空对象,并连接原型链
  var obj = Object.create(constructorFn.prototype);
  // 将构造函数的 this 指向新对象,并执行构造函数
  var result = constructorFn.apply(obj, args);
  // 如果构造函数有显式返回一个对象,则返回该对象
  if (typeof result === 'object' && result !== null) {
    return result;
  }
  // 否则,返回新对象
  return obj;
}

为什么要呢?

因为如果要构造很多实例,那么实例之间又有重复岂不浪费性能?所以共同的放在原型上就行啦

new之前怎么做?

function Person(ID){
  var obj = {}
  obj.__proto__ = Person.原型 (这可不是一个正常工作中的写法!)
  obj.name = 'Colin'
  obj.age = 21
  return obj
}

Person.原型 = {
 sayName:function(){
   console.log(this.name)
 }
}

那有了new之后

function Person(ID) {
  this.name = 'Colin';
  this.age = 21;
}

Person.prototype.sayName = function() {
  console.log(this.name);
};

// 使用示例:
var person = new Person();
person.sayName(); // 输出:Colin

看起来棒极了!少了几行代码

  1. 帮我创建了临时变量
  2. 帮我绑定原型
  3. 帮我return
  4. 统一叫做prototype