new 命令的原理

new命令的原理

var Vehicle = function (p) {
  this.price = p;
};

var v = new Vehicle(500);
console.log( v.price ) // 500

**1.创建一个空对象,作为将要返回的对象实例

2.把这个空对象赋值给函数内部的 this

3.把这个空对象的原型,指向这个构造函数的 prototype 属性 // v.proto === Vehicle.prototype

4.开始执行构造函数内部的代码**

// 如果构造函数内部有return语句，而且return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就会不管return语句，返回this对象。
var Vehicle = function () {
  this.price = 1000;
  return {age:1000};
};
new Vehicle()  // {age:1000}
(new Vehicle()) === {age:1000} 
// false 内存地址不一样

// new命令简化的内部流程，可以用下面的代码表示。
function _new(/* 构造函数 */ constructor, /* 构造函数参数 */ params) {
  // 将 arguments 对象转为数组
  var args = [].slice.call(arguments);
  // 取出构造函数
  var constructor = args.shift();
  // 创建一个空对象，继承构造函数的 prototype 属性
  var context = Object.create(constructor.prototype);
  // 执行构造函数
  var result = constructor.apply(context, args);
  // 如果返回结果是对象，就直接返回，否则返回 context 对象
  return (typeof result === 'object' && result != null) ? result : context;
}

// 实例
var actor = _new(Person, '张三', 28);