前端面试（5）——原型链类

---

1. 创建对象的几种方法
2. 原型、构造函数、实例、原型链
3. instanceof的原理
4. new 运算符

一、创建对象有几种方法（通常是以下三种）

1. 字面量
2. 构造函数
3. Object.create

<script type="text/javascript">
    // 第一种方式：字面量
    var o1 = {
        name: "o1"
    };
    var o2 = new Object({
        name: "o2"
    });
    // 第二种方式：构造函数
    var M = function(name) {
        this.name = name;
    };
    var o3 = new M("o3");
    // 第三种方式：Object.create
    var p = {
        name: "p"
    };
    var o4 = Object.create(p);
</script>

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

1522035346746.jpg

1. 实例：只要是对象，就是一个实例。

2. 构造函数：任何一个对象，只要被new使用了，它就是一个构造函数。

3. 原型对象：函数都有一个prototype属性，是在声明一个函数的时候，js自动给它加上去的属性，prototype属性会初始化一个空对象，也就是原型对象。原型对象区分是被哪个构造函数引用：原型对象中有一个构造器constructor，这个构造器会默认你声明的那个函数。

4. 原型链：从一个实例对象往上找，找构造这个实例的相关联的对象，然后这个关联的对象再往上找，它又有创造它的上一级的原型对象，以此类推，最后找到Object.prototype原型对象终止。Object.prototype是原型链的顶端。

5. 原型链的工作原理：通过原型链的方式，找到原型对象，原型对象上的方法是被不同的实例所共有的。

   1. 只有函数才有prototype属性，对象是没有的；
   2. 只有实例对象有proto属性（函数也是一个对象，函数的_proto===Function.prototype）
   3.实例明明是被构造函数生成的，它是怎么跟原型对象产生管理的：构造函数的prototype属性，修改这个属性也就是修改了实例上一级的原型对象

三、instanceof

1522035755367.jpg

1. 实例对象的proto属性其实是引用的原型对象，虽然说实例对象是由构造函数产生的，但是实例对象的proto属性和构造函数本身没什么关联，关联的是构造函数的下面的一个prototype所引用的原型对象
2. instanceof的原理就是用来判断实例对象的proto属性和构造函数prototype属性是不是同一个引用
3. 只要是在这条原型链上的构造函数，都会被instanceof看作是这个实例的构造函数

四、new 运算符

1. 一个新对象被创建，它继承自foo,prototype；
2. 构造函数foo被执行。执行的时候，相应的传参会被传入，同时上下文（this）会被指定为这个新实例。new foo 等同于 new foo()，只能用在不传递任何参数的情况下；‘=
3. 如果构造函数返回了一个‘对象’，那么这个对象会取代整个new出来的结果。如果构造函数没有返回对象，那么new出来的结果为步骤1创建的对象。

    var new2 = function(func) {
        var o = Object.create(func.prototype);
        var k = func.call(o);
        if (typeof k === 'object') {
            return k;
        } else {
            return o;
        }
    }