JavaScript对象方法定义、函数引用与call()的差异及代码组织疑问

一、square与adder的定义差异 #

示例里这两个函数的定义方式有两个核心差异：

• 外部可访问性不同：adder是在main对象之外独立声明的，模块内任何位置都能直接调用adder(5,10)；而square是作为匿名函数直接绑定到main.myFuncs上的，只能通过main.myFuncs.square调用，模块里其他地方没法直接使用它（除非先把它的引用存到变量里）。
• 复用性不同：adder可以被赋值给多个对象的属性，比如再创建一个新对象，直接把adder赋值给它的方法即可，不用重复写函数体；square如果要复用，只能复制它的引用，没法直接复用原定义。

注意：两者的函数逻辑、作用域规则完全一致，都是普通函数，运行时没有差异。

二、模块级函数的可行方案 #

完全可以这么做，而且正好匹配你要规避原型冗余、优化代码结构的需求，具体有两种实用方式：

1. 独立声明模块函数，用call()传入目标对象 #

就像示例里的subtractor那样，把需要操作对象属性的函数单独声明，调用时用call()把目标对象作为this传入。比如：

// 模块级函数，依赖this上的x、y、total属性
function calculateSubtraction() {
  this.total = this.x - this.y;
}

// 调用时把main作为上下文传入
calculateSubtraction.call(main);

这种方式让函数和对象完全解耦，同一个函数可以操作任何拥有对应属性的对象，灵活性很高。

2. 在main中直接引用模块函数 #

如果希望main能直接“持有”这些方法，但又不想把函数定义写在对象内部，可以在main的属性里直接引用模块级函数——示例里的main.myFuncs.adder其实就是这种用法。你可以把所有工具函数都放在模块级，再统一挂载到main的属性下，比如：

// 模块级工具函数
function adder(x, y) { return x + y; }
function square(x) { return x * x; }

var main = Object.create(null, {
  // 直接引用模块函数
  adder: { value: adder, writable: false },
  square: { value: square, writable: false },
  x: { value: 50, writable: true },
  y: { value: 20, writable: true },
  total: { value: 0, writable: true }
});

// 调用方式和之前一致
console.log(main.adder(5, 10)); // => 15
console.log(main.square(5)); // => 25

这种方式既保持了函数的独立性，又让main的结构清晰，同时完全避免了原型链带来的不必要开销。

为什么这比原型方式更适合你？ #

你提到代码只需要maps和非原型对象，这种模块级函数+对象直接引用的方式，所有对象都是Object.create(null)生成的纯净对象，没有多余的__proto__属性，内存开销更小，结构也更直观，完美契合你的优化需求。

内容的提问来源于stack exchange，提问作者Gary