如何在标准JavaScript函数中创建并访问其内部定义的方法？

你的写法无法运行的原因 #

你写在函数o内部的f: function f () {...}语法不属于对象属性定义，而是JavaScript的标签语句，仅用于标记代码位置配合break/continue实现多层循环跳转，这段代码既不会将方法挂载到函数对象o上，也不会产生任何实际赋值效果，因此调用o.f()会抛出o.f is not a function的错误。

可行实现方案 #

函数本身确实属于可扩展的对象类型，你可以通过以下常用方式实现给函数对象挂载自定义方法：

方案1：直接在函数外部挂载静态方法

这是最常用的实现方式，无需执行函数即可直接调用挂载的方法：

function o(){
  // 此处保留函数o本身的业务逻辑
}
// 直接给函数对象添加f方法
o.f = function f () {
    alert("f")
}

o.f(); // 运行正常，弹出提示"f"

如果需要一次性添加多个方法，可以用Object.assign模拟对象字面量的写法：

function o() {}
Object.assign(o, {
  f: function() { alert('f') },
  g: function() { alert('g') }
})
o.f()
o.g()

方案2：在函数内部给自身挂载方法

如果你需要将方法定义写在函数内部，可以参考如下写法，注意需要先执行一次函数，方法才会被成功挂载：

function o(){
    // 函数执行时给自身挂载f方法
    o.f = function f () {
        alert("f")
    }
}
// 先执行一次o完成方法挂载
o()
o.f(); // 运行正常，弹出提示"f"

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