php – 在javascript中实现支持对象方法作为映射函数的映射？

Trying to call map( Menu.add,languages )

在这里你的问题几乎肯定是JavaScript缺乏绑定方法.

通过检查方法的获取方式,仅在呼叫时确定函数的“this”设置.如果你说其中一个：

obj.method();
obj['method']();

JavaScript将获取对’obj’的引用,并在方法调用中设置’this = obj’.但如果你说：

obj2.method= obj.method;
obj2.method();

现在函数内的’this’将是obj2,而不是obj！

同样,如果从其对象中选择方法并将其作为第一类对象引用：

var method= obj.method;
method();

将’this’设置为没有对象,因此JavaScript将其设置为全局对象(也称为Web浏览器的“窗口”).这可能就是你的情况：’Menu.add’方法失去了对它所有者’Menu’的所有引用,所以当它被回调时,它很可能在不知不觉中写入’window’对象的成员而不是菜单.

对于OO语言来说,这当然是非常不寻常的,而且几乎从来都不是你想要的,但是嘿,这就是JavaScript如何滚动.导致无声,难以调试的错误都是该语言基本原理的一部分.

要解决此问题,您可以将对象引用传递给map函数,然后使用Function.call()/ apply()正确设置’this’引用：

function mapMethod(fn,sequence) {
    for (var i= 0; i<sequence.length; i++)
        sequence[i]= fn.call(obj,sequence[i]);
}

mapMethod(Menu.add,Menu,languages)

更通用的方法是使用闭包手动绑定函数引用：

function bindMethod(fn,obj) {
    return function() {
        fn.apply(obj,arguments)
    };
}

map(bindMethod(Menu.add,Menu),languages)

此功能将内置到未来版本的JavaScript中：

map(Menu.add.bind(Menu),languages)

通过写入Function.prototype.bind可以将此工具添加到当前浏览器中 – 事实上,一些JS框架已经存在.但请注意：

> ECMAScript 3.1承诺你也可以将额外的参数传递给bind()来执行部分函数应用程序,这需要比上面的bindMethod()更多的代码;>当您开始在DOM对象(如事件处理程序)上保留绑定方法等引用时,IE喜欢泄漏内存.