3.new命令

3.1 基本用法

new命令的作用，就是执行构造函数，返回一个实例对象。

var Animal=function(name){
    this.name=name;
};

var p = new Animal("pig");
p.name; //pig

new命令执行时，构造函数内部的this，会代表新生成的实例对象，this.name表示，实例对象会有一个name属性，值为pig

特别注意

构造函数一定要搭配new来使用，否则将得不到想要的结果。

let a=Animal("pig");
a; //undefined
name; //pig

因为没有搭配new，构造函数中的this指向window，导致生成一个名为name的全局变量.

当使用严格模式时，未按标准使用构造函数，将会抛出一个错误。

"uses strict";
let a=Animal("pig");
//TypeError: Cannot set property 'name' of undefined

由于严格模式中，函数内部的this不能指向全局对象，默认等于undefined，导致不加new调用会报错

3.2 new命令的原理

使用new命令时，它后面的函数依次执行下面的步骤。

1.创建一个空对象，作为将要返回的对象实例。 2.将这个空对象的原型，指向构造函数的prototype属性。 3.将这个空对象赋值给函数内部的this关键字。 4.开始执行构造函数内部的代码。

构造函数之所以称之为构造函数，是因为在其内部this会指向一个new方法新生成的空对象，所有针对this的操作都会作用于这个空对象，以实现"构造"的效果。

构造函数默认返回this对象，若构造函数内有return语句，且后面跟着一个对象，则会返回return语句指定的对象

3.3 简化实现

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);

4.Object.create() 创建实例对象

如果希望以现有对象作为模版，构造一个新的对象，这时就可以使用Object.create()方法。

var person1 = {
  name: '张三',
  age: 38,
  greeting: function() {
    console.log('Hi! I\'m ' + this.name + '.');
  }
};

var person2 = Object.create(person1);

person2.name // 张三
person2.greeting() // Hi! I'm 张三.

上面代码中，对象person1是person2的模板，后者继承了前者的属性和方法。