Comment surcharger l'opérateur [] en javascript ?

Question

Je n'arrive pas à trouver le moyen de surcharger l'opérateur [] en javascript. Quelqu'un le sait ?

Je pensais à quelque chose comme...

MyClass.operator.lookup(index)
{
     return myArray[index];
}

ou je ne regarde pas les bonnes choses.

Answer 1

Vous pouvez le faire avec ES6 Proxy (disponible dans Chrome, Firefox) :

var p = Proxy.create({
  get: function(proxy, name) {
    return 'Hello, '+ name;
  }
});

document.write(p["World"]); // should print 'Hello, World'

Vérifiez les détails dans ce tutoriel .

Answer 2

Vous ne pouvez pas surcharger les opérateurs en JavaScript.

C'était proposé pour l'ECMAScript 4 mais rejeté.

Je ne pense pas que vous le verrez de sitôt.

Answer 3

La réponse simple est que JavaScript permet d'accéder aux enfants d'un objet via les crochets.

Donc vous pourriez définir votre classe :

MyClass = function(){
    // Set some defaults that belong to the class via dot syntax or array syntax.
    this.some_property = 'my value is a string';
    this['another_property'] = 'i am also a string';
    this[0] = 1;
};

Vous pourrez alors accéder aux membres de toutes les instances de votre classe avec l'une ou l'autre syntaxe.

foo = new MyClass();
foo.some_property;  // Returns 'my value is a string'
foo['some_property'];  // Returns 'my value is a string'
foo.another_property;  // Returns  'i am also a string'
foo['another_property'];  // Also returns 'i am also a string'
foo.0;  // Syntax Error
foo[0];  // Returns 1
foo['0'];  // Returns 1

Answer 4

Comme l'opérateur de parenthèses est en fait un opérateur d'accès aux propriétés, vous pouvez l'utiliser avec des getters et des setters. Pour IE, vous devrez utiliser Object.defineProperty() à la place. Exemple :

var obj = {
    get attr() { alert("Getter called!"); return 1; },
    set attr(value) { alert("Setter called!"); return value; }
};

obj.attr = 123;

La même chose pour IE8+ :

Object.defineProperty("attr", {
    get: function() { alert("Getter called!"); return 1; },
    set: function(value) { alert("Setter called!"); return value; }
});

Pour IE5-7, il y a onpropertychange uniquement, ce qui fonctionne pour les éléments du DOM, mais pas pour les autres objets.

L'inconvénient de cette méthode est que vous ne pouvez accrocher que des requêtes à un ensemble prédéfini de propriétés, et non à une propriété arbitraire sans nom prédéfini.

Answer 5

Vous espérez donc faire quelque chose comme var whatever = MyClassInstance[4] ; ? Si c'est le cas, la réponse est simple : Javascript ne supporte pas actuellement la surcharge des opérateurs.