js的new关键字和原型链

一、new关键字 

function Person(name){
    this.fname = name;
    this.play = function(){
        console.log('打篮球');
    }
}
var zs = new Person('张三');

console.log(zs.__proto__ === Person.prototype);  // true

new关键字创建新对象经历了如下步骤：

1.创建新对象

2.将新对象的__proto__指向构造函数的prototype

3.将函数的作用域赋给新对象，也就是改变this的指向

4.执行构造函数，为新对象添加属性

5.返回新对象，赋给变量

 

二、原型对象

// 定义构造函数 Rectangle （矩形）
function Rectangle (width, height) {
    this.width = width;
    this.height = height;
    this.getArea = function () {
        return '矩形的面积为：' + this.width * this.height;
    };
}

var rect1 = new Rectangle(40, 20);
var rect2 = new Rectangle(60, 30);


instanceof 操作符检测这些对象是否是 Rectangle 的实例
console.log(rect1 instanceof Rectangle)  //  true
console.log(rect2 instanceof Rectangle)  //  true

每个构造函数都有一个prototype属性，该属性的值是一个对象。当我们使用构造函数创建新对象时，构造函数的prototype属性的值会被自动地赋值给每个新对象的__proto__属性。

// 我们可以使用Object.getPrototypeOf()方法获取__proto__属性指向的原型对象。
// 也可以使用Object.constructor获取原型

// 使用 Object.getPrototypeOf() 对象的原型对象
console.log(Object.getPrototypeOf(rect1))
console.log(Object.getPrototypeOf(rect2))

三、原型对象链

由于原型对象本身也是一个对象（通常是通过Object构造函数创建的），因此它也有自己的原型对象。换句话说，对象继承其原型对象，而原型对象又继承自己的原型对象，以此类推，就形成了一个由原型对象组成的链，被称为原型对象链（原型链）。

当我们访问对象的属性和方法时，JavaScript解析引擎首先会在对象自己的属性列表中查找，如果找到，则返回属性的值；如果自己的属性列表中不包含该属性，则JavaScript解析引擎会沿着原型链查找该属性，直至原型链的末端。如果原型对象链中有该属性（方法），则返回该属性的值（调用该方法），否则返回undefined（抛出错误）。