Question

是否有任何解决方案来获取对象的函数名称？

function alertClassOrObject (o) {
   window.alert(o.objectName); //"myObj" OR "myClass" as a String
}

function myClass () {
   this.foo = function () {
       alertClassOrObject(this);
   }
}

var myObj = new myClass();
myObj.foo();

for (var k in this) {...} - 没有关于className或ObjectName的信息。有可能得到其中一个吗？

Answer 1

获取对象的constructor函数，然后检查其name属性。

myObj.constructor.name

返回“myClass”。

Answer 2

示例：

function Foo () { console.log('Foo function'); }
var Bar = function () { console.log('Bar function'); };
var Abc = function Xyz() { console.log('Abc function'); };

var f = new Foo();
var b = new Bar();
var a = new Abc();

console.log('f', f.constructor.name); // -> "Foo"
console.log('b', b.constructor.name); // -> "Function"
console.log('a', a.constructor.name); // -> "Xyz"

Answer 3

如果您使用标准IIFE（例如使用TypeScript）

var Zamboch;
(function (_Zamboch) {
    (function (Web) {
        (function (Common) {
            var App = (function () {
                function App() {
                }
                App.prototype.hello = function () {
                    console.log('Hello App');
                };
                return App;
            })();
            Common.App = App;
        })(Web.Common || (Web.Common = {}));
        var Common = Web.Common;
    })(_Zamboch.Web || (_Zamboch.Web = {}));
    var Web = _Zamboch.Web;
})(Zamboch || (Zamboch = {}));

您可以使用

预先注释原型

setupReflection(Zamboch, 'Zamboch', 'Zamboch');

然后使用_fullname和_classname字段。

var app=new Zamboch.Web.Common.App();
console.log(app._fullname);

注释函数：

function setupReflection(ns, fullname, name) {
    // I have only classes and namespaces starting with capital letter
    if (name[0] >= 'A' && name[0] &lt;= 'Z') {
        var type = typeof ns;
        if (type == 'object') {
            ns._refmark = ns._refmark || 0;
            ns._fullname = fullname;
            var keys = Object.keys(ns);
            if (keys.length != ns._refmark) {
                // set marker to avoid recusion, just in case 
                ns._refmark = keys.length;
                for (var nested in ns) {
                    var nestedvalue = ns[nested];
                    setupReflection(nestedvalue, fullname + '.' + nested, nested);
                }
            }
        } else if (type == 'function' && ns.prototype) {
            ns._fullname = fullname;
            ns._classname = name;
            ns.prototype._fullname = fullname;
            ns.prototype._classname = name;
        }
    }
}

JsFiddle

Answer 4

由于已经回答了这个问题，我只是想指出在JavaScript中获取对象构造函数的方法的不同之处。构造函数和实际的对象/类名之间存在差异。如果以下情况增加了您决定的复杂性，那么您可能正在寻找instanceof。或许你应该问问自己＆＃34;为什么我这样做？这真的是我想要解决的问题吗？＆＃34;

备注：

旧版浏览器无法使用obj.constructor.name。匹配(\w+)应该满足ES6样式类。

<强>代码：

var what = function(obj) { return obj.toString().match(/ (\w+)/)[1]; }; var p; // Normal obj with constructor. function Entity() {} p = new Entity(); console.log("constructor:", what(p.constructor), "name:", p.constructor.name , "class:", what(p)); // Obj with prototype overriden. function Player() { console.warn('Player constructor called.'); } Player.prototype = new Entity(); p = new Player(); console.log("constructor:", what(p.constructor), "name:", p.constructor.name, "class:", what(p)); // Obj with constructor property overriden. function OtherPlayer() { console.warn('OtherPlayer constructor called.'); } OtherPlayer.constructor = new Player(); p = new OtherPlayer(); console.log("constructor:", what(p.constructor), "name:", p.constructor.name, "class:", what(p)); // Anonymous function obj. p = new Function(""); console.log("constructor:", what(p.constructor), "name:", p.constructor.name, "class:", what(p)); // No constructor here. p = {}; console.log("constructor:", what(p.constructor), "name:", p.constructor.name, "class:", what(p)); // ES6 class. class NPC { constructor() { } } p = new NPC(); console.log("constructor:", what(p.constructor), "name:", p.constructor.name , "class:", what(p)); // ES6 class extended class Boss extends NPC { constructor() { super(); } } p = new Boss(); console.log("constructor:", what(p.constructor), "name:", p.constructor.name , "class:", what(p));

<强>结果：

代码：https://jsbin.com/wikiji/edit?js,console

Answer 5

试试这个：

var classname = ("" + obj.constructor).split("function ")[1].split("(")[0];

Answer 6

我遇到了类似的困难，这里提出的解决方案都不是我工作的最佳选择。我所拥有的是一系列在模态中显示内容的函数，我试图在单个对象定义下重构它，从而创建类的函数和方法。当我发现其中一个方法在模态中创建了一些导航按钮时，问题出现了，这些导航按钮使用onClick到其中一个函数 - 现在是类的一个对象。我已经考虑（并且仍在考虑）处理这些导航按钮的其他方法，但我能够通过扫描父窗口中定义的变量来找到类本身的变量名称。我所做的是搜索符合＆＃39; instanceof＆＃39;我的班级，如果可能有多个，我比较了每个实例可能唯一的特定属性：

var myClass = function(varName)
{
    this.instanceName = ((varName != null) && (typeof(varName) == 'string') && (varName != '')) ? varName : null;

    /**
     * caching autosweep of window to try to find this instance's variable name
     **/
    this.getInstanceName = function() {
        if(this.instanceName == null)
        {
            for(z in window) {
                if((window[z] instanceof myClass) && (window[z].uniqueProperty === this.uniqueProperty)) {
                    this.instanceName = z;
                    break;
                }
            }
        }
        return this.instanceName;
    }
}

Answer 7

我们所需要的：

在函数中包装一个常量（其中函数名称等于我们要获取的对象的名称）
在对象内部使用箭头功能

console.clear();
function App(){ // name of my constant is App
  return {
  a: {
    b: {
      c: ()=>{ // very important here, use arrow function 
        console.log(this.constructor.name)
      }
    }
  }
}
}
const obj = new App(); // usage

obj.a.b.c(); // App

// usage with react props etc, 
// For instance, we want to pass this callback to some component

const myComponent = {};
myComponent.customProps = obj.a.b.c;
myComponent.customProps(); // App

Answer 8

在运行时获取类名的最有效方法

let className = this.constructor.name

获取对象或类的名称

8 个答案: