工作生活

JS new的时候发生了什么

2019-07-01  本文已影响15人  椰果粒

1、创建一个新对象
2、将构造函数的作用域赋值给新对象(this指向这个新对象)
3、执行构造函数中的代码(为这个新对象添加属性)
4、返回新对象

一个普通的构造函数

function Person(name){
  this.name = name
}
var p = new Person("小明");

console.log(p.name) // 小明
console.log(p instanceof Person) // true

用JS模拟new的过程

function _new(){
  // 1、创建一个新对象
  let target = {};
  let [constructor, ...args] = [...arguments];  // 第一个参数是构造函数
  // 2、原型链连接
  target.__proto__ = constructor.prototype;
  // 3、将构造函数的属性和方法添加到这个新的空对象上。
  let result = constructor.apply(target, args);
  if(result && (typeof result == "object" || typeof result == "function")){
    // 如果构造函数返回的结果是一个对象,就返回这个对象
    return result
  }
  // 如果构造函数返回的不是一个对象,就返回创建的新对象。
  return target
}
let p2 = _new(Person, "小花")
console.log(p2.name)  // 小花
console.log(p2 instanceof Person) // true
上一篇 下一篇

猜你喜欢

热点阅读