用关键字new创建对象 new都做了什么

  1. function Person () {
  2.     this.name = name;
  3.     this.age = age;
  4.     this.job = job;
  5.     this.sayName = function () {
  6.         return this.name;
  7.     };
  8. }
  9. var person = new Person(“tom”, 21, “WEB”);
  10. console.log(person.name);

使用关键字new创建新实例对象经过了以下几步:

1、创建一个新对象,如:var person = {};

2、新对象的_proto_属性指向构造函数的原型对象。

3、将构造函数的作用域赋值给新对象。(也所以this对象指向新对象)

4、执行构造函数内部的代码,将属性添加给person中的this对象。

5、返回新对象person。

  1. var person = {};
  2. person._proto_ = Person.prototype; //引用构造函数的原型对象
  3. Person.call(person); //将构造函数的作用域给person,即:this值指向person

当采用构造器调用模式时,即使用new关键字去调用一个函数时,函数执行的方式会被修改。如果new是一个方法而不是一个运算符时,它可能会这样执行:

  1. Function.methos(“new”function () {
  2.     //新创建一个对象,它继承了构造器的原型对象。
  3.     var that = Object.create(this.prototype); //此时,this是指向Function构造器的。
  4.     //调用构造器,绑定this对象到新对象that上
  5.     var other = this.apply(that, argument); //此时,this对象指向that对象。
  6.     //如果它的返回值不是一个对象,就返回新的对象。
  7.     return (typeof other === “object” && other) || that;
  8. });

以上代码,也可以说明在调用new关键字时,发生了什么事,或者说是调用new关键字创建的新对象经历了哪些步骤后拥有了函数的特性。

 

注意:

通过new关键字创建某构造函数的新实例对象,就是将原型链与实例的this联系起来,this指向这个新对象,同时也指向这个构造函数,并且this对象还是这个构造函数的实例。如果没有使用new操作符,直接用构造函数创建新实例对象,那么this对象就指向了window对象,不会指向这个新对象的,不管给这个新对象添加什么属性,都没有用,是直接添加到了window对象上了。