Javascript:动态函数名称

时间:2013-01-06 01:40:46

标签: javascript function dynamic names

如何使用动态名称创建功能?类似的东西:

function create_function(name){
   new Function(name, 'console.log("hello world")');
}
create_function('example');
example(); // --> 'hello world'

此函数也应该是一个Function Object,因此我可以修改对象的原型。

2 个答案:

答案 0 :(得分:14)

我在过去的3个小时里一直在玩这个游戏,最后使用其他主题建议的新功能,至少有点优雅:

/**
 * JavaScript Rename Function
 * @author Nate Ferrero
 * @license Public Domain
 * @date Apr 5th, 2014
 */
var renameFunction = function (name, fn) {
    return (new Function("return function (call) { return function " + name +
        " () { return call(this, arguments) }; };")())(Function.apply.bind(fn));
};   

/**
 * Test Code
 */
var cls = renameFunction('Book', function (title) {
    this.title = title;
});

new cls('One Flew to Kill a Mockingbird');

如果您运行上面的代码,您应该看到以下输出到您的控制台:

Book {title: "One Flew to Kill a Mockingbird"}

答案 1 :(得分:12)

window.example = function () { alert('hello world') }
example();

name = 'example';
window[name] = function () { ... }
...

window[name] = new Function('alert("hello world")')