You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

能否同时将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的执行逻辑是:

  1. 创建一个空对象,其原型指向构造函数的prototype(即Lome.prototype);
  2. 将这个空对象作为this传入构造函数执行;
  3. 如果构造函数返回的是对象类型的值(不是原始值如字符串、数字),那么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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 03:01:00