[js高手之路]学生问的一道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

为了帮助大家， 我贴出课堂上的示意图， 如果有不理解的，欢迎互动，交流