每日一题（二三）function Foo(){ Foo.a = function(){console.log(1); } this.a = function(){console.log(2)}) Fo

最新推荐文章于 2022-06-22 14:12:41 发布

墨语轩

最新推荐文章于 2022-06-22 14:12:41 发布

阅读量7.9k

点赞数 12

分类专栏：温故知新文章标签：原型链 JS基础每日一题前端面试题

本文链接：https://blog.csdn.net/MFWSCQ/article/details/105148289

版权

温故知新专栏收录该内容

95 篇文章 44 订阅

订阅专栏

题目描述：写出下面代码打印结果，并解释为什么

function Foo(){
    Foo.a = function(){
        console.log(1);
    }
    this.a = function(){
        console.log(2)
    }
}

Foo.prototype.a = function(){
    console.log(3);
}

Foo.a = function(){
    console.log(4);
}

Foo.a();
let obj = new Foo();
obj.a();
Foo.a();

答案：

4 2 1

解析：

Foo.a() 这个是调用 Foo 函数的静态方法 a，虽然 Foo 中有优先级更高的属性方法 a，但 Foo 此时没有被调用，所以此时输出 Foo 的静态方法 a 的结果：4
let obj = new Foo(); 使用了 new 方法调用了函数，返回了函数实例对象，此时 Foo 函数内部的属性方法初始化，原型链建立。
obj.a() ; 调用 obj 实例上的方法 a，该实例上目前有两个 a 方法：一个是内部属性方法，另一个是原型上的方法。当这两者都存在时，首先查找 ownProperty ，如果没有才去原型链上找，所以调用实例上的 a 输出：2
Foo.a() ; 根据第2步可知 Foo 函数内部的属性方法已初始化，覆盖了同名的静态方法，所以输出：1