Comment obtenir la classe d'un objet JavaScript ?

Question

J'ai créé un objet JavaScript, mais comment puis-je déterminer la classe de cet objet ?

Je veux quelque chose de similaire à la méthode Java .getClass() méthode.

Answer 1

Il n'y a pas d'équivalent exact de l'outil Java [getClass()](http://docs.oracle.com/javase/7/docs/api/java/lang/Object.html#getClass()) en JavaScript. La plupart du temps, cela est dû au fait que JavaScript est une langage basé sur des prototypes par opposition à Java qui est un basé sur la classe un.

En fonction de ce dont vous avez besoin getClass() pour, il existe plusieurs options en JavaScript :

• typeof
• instanceof
• obj.constructor
• func.prototype , proto . isPrototypeOf

Quelques exemples :

function Foo() {}
var foo = new Foo();

typeof Foo;             // == "function"
typeof foo;             // == "object"

foo instanceof Foo;     // == true
foo.constructor.name;   // == "Foo"
Foo.name                // == "Foo"    

Foo.prototype.isPrototypeOf(foo);   // == true

Foo.prototype.bar = function (x) {return x+x;};
foo.bar(21);            // == 42

Note : si vous compilez votre code avec Uglify, il changera les noms de classes non globales. Pour éviter cela, Uglify a un --mangle que vous pouvez définir à false est d'utiliser gobler o grognement .

Answer 2

obj.constructor.name

est une méthode fiable dans les navigateurs modernes. Function.name a été officiellement ajouté à la norme dans ES6, ce qui en fait un moyen conforme aux normes d'obtenir la "classe" d'un objet JavaScript sous forme de chaîne. Si l'objet est instancié avec var obj = new MyClass() il renverra "MyClass".

Elle renvoie "Number" pour les nombres, "Array" pour les tableaux et "Function" pour les fonctions, etc. Il se comporte généralement comme prévu. Les seuls cas où elle échoue sont ceux où un objet est créé sans prototype, par l'intermédiaire de Object.create( null ) ou l'objet a été instancié à partir d'une fonction définie de manière anonyme (non nommée).

Notez également que si vous réduisez votre code, il n'est pas sûr de comparer avec des chaînes de caractères codées en dur. Par exemple, au lieu de vérifier si obj.constructor.name == "MyType" vérifiez plutôt obj.constructor.name == MyType.name . Ou simplement comparer les constructeurs eux-mêmes, mais cela ne fonctionnera pas au-delà des frontières du DOM, car il y a différentes instances de la fonction constructeur sur chaque DOM, donc faire une comparaison d'objets sur leurs constructeurs ne fonctionnera pas.

Answer 3

Cette fonction getNativeClass() retourne "undefined" pour les valeurs non définies et "null" pour la nullité.
Pour toutes les autres valeurs, le CLASSNAME -est extrait de [object CLASSNAME] qui est le résultat de l'utilisation de Object.prototype.toString.call(value) .

getAnyClass() se comporte de la même manière que getNativeClass(), mais supporte également les constructeurs personnalisés

function getNativeClass(obj) {
  if (typeof obj === "undefined") return "undefined";
  if (obj === null) return "null";
  return Object.prototype.toString.call(obj).match(/^\[object\s(.*)\]$/)[1];
}

function getAnyClass(obj) {
  if (typeof obj === "undefined") return "undefined";
  if (obj === null) return "null";
  return obj.constructor.name;
}

getClass("")   === "String";
getClass(true) === "Boolean";
getClass(0)    === "Number";
getClass([])   === "Array";
getClass({})   === "Object";
getClass(null) === "null";

getAnyClass(new (function Foo(){})) === "Foo";
getAnyClass(new class Foo{}) === "Foo";

// etc...

Answer 4

Pour obtenir la "pseudo classe", vous pouvez obtenir la fonction constructeur, par

obj.constructor

en supposant que le constructor est défini correctement lorsque vous faites l'héritage - qui est par quelque chose comme :

Dog.prototype = new Animal();
Dog.prototype.constructor = Dog;

et ces deux lignes, ainsi que :

var woofie = new Dog()

fera woofie.constructor pointer vers Dog . Notez que Dog est une fonction constructeur, et est un Function objet. Mais vous pouvez faire if (woofie.constructor === Dog) { ... } .

Si vous voulez obtenir le nom de la classe sous forme de chaîne de caractères, j'ai trouvé que la méthode suivante fonctionnait bien :

http://blog.magnetiq.com/post/514962277/finding-out-class-names-of-javascript-objects

function getObjectClass(obj) {
    if (obj && obj.constructor && obj.constructor.toString) {
        var arr = obj.constructor.toString().match(
            /function\s*(\w+)/);

        if (arr && arr.length == 2) {
            return arr[1];
        }
    }

    return undefined;
}

Il se rend à la fonction constructeur, la convertit en chaîne de caractères et extrait le nom de la fonction constructeur.

Notez que obj.constructor.name aurait pu bien fonctionner, mais il n'est pas standard. Il fonctionne sur Chrome et Firefox, mais pas sur IE, y compris IE 9 ou IE 10 RTM.

Answer 5

Vous pouvez obtenir une référence à la fonction du constructeur qui a créé l'objet en utilisant l'attribut propriété du constructeur :

function MyObject(){
}

var obj = new MyObject();
obj.constructor; // MyObject

Si vous devez confirmer le type d'un objet au moment de l'exécution, vous pouvez utiliser la fonction instanceof opérateur :

obj instanceof MyObject // true