题目描述:
- 请写出如下代码的打印结果:
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();
解题:
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(); /* 这里调用了 Foo 的构建方法。Foo 的构建方法主要做了两件事:
- 将全局的 Foo 上的直接方法 a 替换为一个输出 1 的方法。
- 在新对象上挂载直接方法 a ,输出值为 2。 */
obj.a(); // 因为有直接方法 a ,不需要去访问原型链,所以使用的是构建方法里所定义的 this.a, // # 输出 2
Foo.a(); // 构建方法里已经替换了全局 Foo 上的 a 方法,所以 // # 输出 1 ```
:point_down:~~~~ 欢迎在下方评论补充你的答案,一起来学习~:pushpin:
扩展阅读: