能否同时将JavaScript构造函数用作对象和普通函数?
构造函数返回对象时的行为解析
你的代码表现完全符合JavaScript的规则,核心原因在于构造函数的返回值会改变new操作符的结果,以及普通函数调用时this的指向问题。
1. 普通函数调用Lome()的行为
当你直接调用Lome()时:
- 函数内部的
this默认指向全局对象(浏览器环境是window,Node.js是globalThis),所以你给this.jack、this.joe赋值,以及通过Object.defineProperty给this加john访问器,都是在全局对象上添加成员。 - 但函数最后显式返回了
object1(一个对象类型的值),所以Lome()的调用结果就是这个object1,自然看不到jack、joe——它们根本不在返回的对象上,而是挂在全局对象里。
2. 构造函数调用new Lome()的行为
用new调用构造函数时,JavaScript的执行逻辑是:
- 创建一个空对象,其原型指向构造函数的
prototype(即Lome.prototype); - 将这个空对象作为
this传入构造函数执行; - 如果构造函数返回的是对象类型的值(不是原始值如字符串、数字),那么
new操作符会直接返回这个返回值,而不是步骤1创建的那个实例对象。
回到你的代码:
- 构造函数内部确实给
this(步骤1创建的空对象)添加了jack、joe和john访问器,但最后返回了object1,所以lara实际上就是这个object1,而非原本的实例对象——那几个this上的属性直接被丢弃了。 - 当你执行
lara.john = 6时,lara是object1,它本身没有john属性,也没有对应的访问器,所以这就是给object1添加了一个普通的可枚举属性john,值为6。JSON.stringify会遍历对象的可枚举属性,所以最终输出包含"john":6。
总结
你的代码行为完全符合JS规范:
- 普通函数调用返回显式指定的
object1,jack/joe挂在全局对象上,与返回值无关; new调用时,构造函数返回的对象覆盖了默认的实例,导致原本this上的属性无法访问,后续给lara赋值john只是给返回的object1新增了属性。
内容的提问来源于stack exchange,提问作者Lome G ner
相关产品推荐
相关产品推荐

