如何为JavaScript函数添加自定义静态方法与属性？

当然可以！在JavaScript里，函数本质上是对象（准确说是Function构造函数的实例），所以你完全可以直接给单个函数对象添加自定义的静态方法和属性，它们会和bind、call、length这些内置成员一同被识别，和你提到的原型方法（Function.prototype上的方法）是完全不同的层级。

具体实现方式 #

直接把方法或属性赋值给函数本身即可，就像操作普通对象一样：

// 你的原函数
function testFunction() {
  console.log('test')
}

// 添加自定义静态方法
testFunction.someMethod = function() {
  console.log('这是一个自定义静态方法！');
};

// 添加自定义静态属性
testFunction.someProperty = '我是自定义静态属性的值';

调用方式 #

直接通过函数名访问这些静态成员：

// 调用静态方法
testFunction.someMethod(); // 输出：这是一个自定义静态方法！

// 访问静态属性
console.log(testFunction.someProperty); // 输出：我是自定义静态属性的值

原理说明 #

• 内置的bind、call、apply其实是Function.prototype上的方法，函数实例通过原型链继承了这些方法；
• 你自定义的静态方法/属性是直接挂载在testFunction这个具体的函数对象上的，和函数自身的length、name等内置属性处于同一层级；
• 这种方式只会给当前函数添加静态成员，不会影响其他函数，如果你想让所有函数都拥有某个静态方法，才需要修改Function.prototype（但不推荐随意修改原生原型）。

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