最近，我已经成为该function.name物业的忠实粉丝。
例如，我编写了一个用于扩展原型的函数。
它的工作方式是..
Array.give(
function forEach() { ... }
);
..这会让你做..
['a', 'b', 'c'].forEach(function () { ... });
这段代码在 Chrome、Safari、Firefox 和 Opera 中运行良好，但不适用于 IE。
经过一点点挖掘，我意识到给函数，function.name只是返回undefined，而在其他一切中它返回"forEach"。
有没有其他方法可以在 IE 中获得这个名字，还是我应该对这个美妙的属性失去兴趣？
您可以使用 Object.defineProperty 在 IE9+ 上添加对它的支持
// Fix Function#name on browsers that do not support it (IE):
if (!(function f() {}).name) {
Object.defineProperty(Function.prototype, 'name', {
get: function() {
var name = (this.toString().match(/^function\s*([^\s(]+)/) || [])[1];
// For better performance only parse once, and then cache the
// result through a new accessor for repeated access.
Object.defineProperty(this, 'name', { value: name });
return name;
}
});
}
您也许可以通过调用function.toString [docs]来解析函数名称。function.name是不是一个标准特性。
var name = func.toString().match(/^function\s*([^\s(]+)/)[1];
正如评论中所说，这不一定是可靠的方式。Imo 传递一个对象会更容易阅读，你可以一次传递几个方法：
Array.give({
forEach: function() { ... },
somethingElse: function() {...}
});
我认为您的.give()解决方案有点……冗长。有什么问题：
Array.prototype.forEach = function () { ... };
?
但是，实际上，您应该在提供自己的方法之前检查这种方法是否存在：
Array.prototype.forEach = Array.prototype.forEach || function () { ... };
由于其他人会被function.name带到这里想知道，所以有一种方法可以获取名称（显然，它不适用于匿名函数）：
function getFnName(fn) {
return (fn.toString().match(/function (.+?)\(/)||[,''])[1];
}
对于那些在同一条船上的人，请查看 JamesMGreene 的Function.name polyfill 。这看起来是一个很好的解决方案。
老问题，我不知道这是否适用于本机 IE 7 和 8 浏览器（我使用的是开发人员工具模拟器），但我之前在构造函数上为函数提供了一个名称属性，用于诱导 IE 代码。 ...
function sayMyName(func){
var name=func.name || func.constructor.name
alert(name);
}
var ieGivesMeNightTerrors=function(){
//there there, these ugly workarounds aren't your fault
};
ieGivesMeNightTerrors.constructor.name=ieGivesMeNightTerrors;
sayMyName(myFunc);