學生問的一道javascript面試題[來自騰訊]

　　　　function Parent() {
            this.a = 1;
            this.b = [1, 2, this.a];
            this.c = { demo: 5 };
            this.show = function () {
                console.log(this.a , this.b , this.c.demo );
            }
        }
        function Child() {
            this.a = 2;
            this.change = function () {
                this.b.push(this.a);
                this.a = this.b.length;
                this.c.demo = this.a++;
            }
        }
        Child.prototype = new Parent(); 
        var parent = new Parent();
        var child1 = new Child();
        var child2 = new Child();
        child1.a = 11;
        child2.a = 12;
        parent.show();
        child1.show();
        child2.show();
        child1.change();
        child2.change();
        parent.show();
        child1.show();
        child2.show();

這是一道非常好的面試題， 考察以下知識點:

1，this的指向

2，原型(prototype)以及原型鏈

3，繼承

4，引用

要解出這道題，要理解以下幾句話就可以了：

1，每一個構造函數，都有一個原型[[prototype]]屬性 指向構造函數的原型對象

2，每一個實例生成的時候，都會在內存中產生一塊新的堆內存

3，每一實例都有一個隱式原型__proto__ 指向構造函數的原型對象

4，this的指向 取決於this調用時的位置, 在這道題中， 也可以簡單理解為， 誰調用方法， this就指向哪個對象

5，數組和字面量對象 都是 引用

6，原型鏈的查找規則：  就近原則

• 當實例上存在屬性時， 用實例上的
• 如果實例不存在，順在原型鏈，往上查找，如果存在，就使用原型鏈的
• 如果原型鏈都不存在，就用Object原型對象上的
• 如果Object原型對象都不存在， 就是undefined

為了幫助大家， 我貼出示意圖， 如果有不理解的，歡迎互動，交流