web前端 之 原型链

创建对象有几种方法

1、字面量

var o1 = {name:'mao'};
var o2 = new Object({name:'mao'});

2、通过构造函数

var M = function(name) {
    this.name = name;
};
var o3 = new M('o3');

3、通过Object.create()方法

var p = {name: 'o4'}
var o4 = Object.create(p);

o4是空的，但是是一个对象，原因是：创建的是实例的原型对象，即创建在o4.__proto属性中了，o4.__proto__指向的就是p

原型、构造函数、实例、原型链

构造函数
凡是通过new操作的函数都是构造函数
实例
o1/o2都是实例
构造函数可以通过new运算符生成一个实例
原型
函数都有一个prototype的属性，声明一个函数的时候JS会自动增加这个属性
原型对象通过构造器constructor来指定是被哪个函数所引用
原型链
从一个实例对象往上找构造这个实例相关的对象，该对象再往上找，直到Object.prototype为止
原型链的工作原理
在原型对象上定义一个公共方法，那么通过构造函数创建的实例会共用这个方法

M.prototype.say = function() {
    console.log('say function');
}
//o5与o3共用say方法，效果见下图
var o5 = new M('o5')

instanceof原理

实例对象的__proto__ === 属性构造函数.prototype
instanceof判断的是实例对象的__proto__ 属性与构造函数.prototype两者之间是否引用同一个地址，是则true，否则false
注意：只要是这条原型链上的构造函数，instanceof判断的都为true，原因见下图


如果需要判断原型对象是从哪个构造函数延伸出来的，那么使用constructor属性来判断，如下图

new 运算符