一道面试题就能测出你的JavaScript水平

导读:

一道来自腾讯的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.原型链的查找规则:  就近原则

  1. 当实例上存在属性时, 用实例上的
  2. 如果实例不存在,顺在原型链,往上查找,如果存在,就使用原型链的
  3. 如果原型链都不存在,就用Object原型对象上的
  4. 如果Object原型对象都不存在, 就是undefined

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

一道面试题就能测出你的JavaScript水平

一道面试题就能测出你的JavaScript水平

  • 版权声明:本文源自博客园。于2周前由整理发表。共 866字。
  • 转载要求:转载须在正文中标注并保留原文标题、原文链接、译文链接和译者等信息。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: