JS笔试题（8）函数

题目 

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();

1.控制台会输出什么？

答案：

4

2

1

解析

function Foo() {
    Foo.a = function () {
        console.log(1)
    }
    this.a = function () {
        console.log(2)
    }
}
// 以上只是 Foo 的构建方法，没有产生实例，此刻也没有执行

Foo.prototype.a = function () {
    console.log(3)
}
// 现在在 Foo 上挂载了原型方法 a ，方法输出值为 3

Foo.a = function () {
    console.log(4)
}
// 现在在 Foo 上挂载了静态方法 a ，输出值为 4

Foo.a();
// 立刻执行了 Foo 上的静态方法 a，也就是刚刚定义的，所以
// # 输出 4

let obj = new Foo();
/* 实例化一个obj对象 ，这里调用了 Foo 的构建方法。Foo 的构建方法主要做了两件事：
1. 将全局的 Foo 上的静态方法 a 替换为一个输出 1 的方法。
2. 在实例化出的obj对象上挂载直接方法 a ，输出值为 2。
*/

obj.a();
// 因为有直接方法 a ，不需要去访问原型链，所以使用的是构建方法里所定义的 this.a，所以
// # 输出 2。

Foo.a();
// 构建方法里已经替换了全局 Foo 上的 a 方法，所以
// # 输出 1

感谢阅读鸭~~