读代码-构造函数和原型的重名属性

沿着路走到底

于 2022-05-26 18:50:56 发布

阅读量130

点赞数

CC 4.0 BY-SA版权

分类专栏：面试题文章标签：前端

本文链接：https://blog.youkuaiyun.com/m0_38066007/article/details/124990192

面试题专栏收录该内容

115 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨JavaScript中原型和构造函数中重名属性的执行逻辑。通过分析一段代码，揭示了在原型链上查找属性的过程，执行结果为`4 2 1`，强调理解JS引擎如何处理函数定义与执行的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下代码，执行会输出什么？

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()   // 4
let obj = new Foo()
obj.a() // 2  先看属性有没有，如果属性上没有，会去原型上找
Foo.a() //1