Question

这个问题刚刚提出来，所以可以用我做的更新问题

我通过迭代窗口对象（或用户指定的对象root）来解决它，当我找到正确的实例时，我回溯并从索引中获取名称。最终的解决方案可以在这里找到

https://github.com/AndersMalmgren/Knockout.BindingConventions

更新结束

我打算为KnockoutJS / MVC编写一个关于配置模板源引擎的约定。我从一个小客户端POC开始，并立即遇到一个节目塞子

我的计划是使用这种语法或类似的东西

MyApp.EditCustomersViewModel = function() {
   ko.templates.loadView(this);
};

执行此操作时，它将检查tamplate缓存或使用对象名称作为密钥从服务器获取模板。问题是我无法得到原型对象的名称，我试过这个

Object.prototype.getName = function() {
   var funcNameRegex = /function (.{1,})\(/;
   var results = (funcNameRegex).exec((this).constructor.toString());
   return (results && results.length > 1) ? results[1] : "";
};

如果适用于像这样定义的对象

function MyClass() { 
}

如果您将原型添加到上述对象中，它将无法工作，或者您将其定义为此

MyApp = {};
MyApp.MyClass = function() {
};

原型和范围是两个必须，所以这是一个showstopper，任何想法？

小提琴：http://jsfiddle.net/aRWLA/

编辑：背景就是这样。

在服务器上你有这样的结构

模板\ [ViewName] \ index.html
模板\ [ViewName] \ sub-model-template.html

在客户端上

MyApp.EditCustomersViewModel = function() {
   ko.templates.loadView(this);
};

将生成一个以对象名称为键的ajax请求，该请求将获取所讨论视图的所有模板

Answer 1

只有提升的函数（function someFunc() {）具有可检索的名称。

分配的函数没有，因为你在技术上并没有命名函数，而是创建一个匿名函数并将它（在内存中）的引用分配给一个命名变量。

所以这是名称的var，而不是函数。

这使得检索函数名称的想法几乎不可能，因为在任何模糊成熟的模式中，您将编写方法，而不是提升函数 - 当然，方法也是分配函数。

命名表达式（请参阅其他答案）是部分解决方法，但这些还有其他问题 - 尤其是旧IE中缺少支持。

（旁注：我一直希望浏览器供应商能够围绕这一点进行构建，以便分配的功能的名称变得可检索，但AFAIK还没有快乐。）

Answer 2

我认为你在替换函数原型时出现问题：如果你替换函数原型对象那么你必须在原型中保留constructor成员：

function Test1() {
}
Test1.prototype={
  constructor: Test1
};

MyApp={};
MyApp.MyClass=function MyClass(){
};
MyApp.MyClass.prototype={
  constructor: MyApp.MyClass
};

您的示例：http://jsfiddle.net/aRWLA/1/

修改示例：http://jsfiddle.net/aRWLA/2/

Answer 3

您可以使用命名函数表达式：

MyApp.MyClass = function MyClass() { ... };

但请注意（惊讶）它们在所有版本的IE中都无法正常工作。

请参阅：http://kangax.github.com/nfe/

Answer 4

这不是回答问题

但是，代码可能对其他人有用，所以我将它留在这里，以防万一。我不指望upvotes，但请不要滥用它进行downvoting。感谢。

我不知道你的用例，因为我认为你有一个设计问题 - 你描述的问题不应该在实践中发生。

但是，假设你确实需要这个工作。做你需要的简单方法就是：

function findNamed(obj, fn){
    for(var p in obj)
        if(obj[p] === fn)
            return p;
    return false;
}

var m = {};
m.MyClass = function() {};

console.log(findNamed(m, m.MyClass));

当然，解决方案可以制作成更合适的OOP形式，但这只是为了给出一个想法。

要复制用例，它看起来像：

m.MyClass = function() {
    findNamed(this, arguments.callee);
};

所以，最终的代码是：

Object.prototype.getNameOfCall = function(fn) {
    for(var p in this)
        if(this[p] === fn)
            return p;
    throw "Callback not in object.";
};

var m = {};
m.MyClass = function() {
    console.log(this.getNameOfCall(arguments.callee)); // MyClass
};

m.MyClass(); // test it out

获取原型对象的名称

4 个答案:

这不是回答问题