Javascript getters/setters dans IE?

Question

Pour une raison quelconque, Javascript getters/setters pour les objets personnalisés semblent fonctionner avec n'importe quel navigateur sauf IE.

IE a-t-il un autre mécanisme non standard pour cela? (Comme avec de nombreuses autres fonctionnalités)

Si non, existe-t-il des solutions de contournement pour obtenir la même fonctionnalité?

Answer 1

IE8 l'a jusqu'à defineProperty, mais uniquement pour les objets DOM. Mais supposément, il finira par venir aussi pour les objets JavaScript.

Answer 2

La publication de Resig fait référence à sa mise en œuvre d'env.js en utilisant pour la première fois la méthode des getters et setters que vous recherchez. La raison pour laquelle ce style fonctionne bien pour lui est qu'ils ne sont pas utilisés dans un environnement basé sur un navigateur, env.js est principalement axé sur les environnements JS ou de script côté serveur comme Rhino.

Pour gérer la compatibilité avec les navigateurs et vous concentrer sur un aspect que JavaScript réussit très bien, utilisez des fermetures pour vos méthodes getter et setter afin de protéger les propriétés des objets.

Par exemple:

foo: function(val) { 
    var bar = val; 
    this.setBar: function(newBar) { 
     bar = newBar; 
    }, 
    this.getBar: function() { 
     return bar; 
    } 
} 

qui se traduira par:

var checkFoo = foo("cool!"); 
alert(checkFoo.getBar()); //cool! 
checkFoo.setBar("nice!"); 
alert(checkFoo.getBar()); //nice! 

Answer 3

Une solution pour IE6 + est disponible qui utilise l'événement onPropertyChange et la DefineProperty spec plus récente. Le léger accroc est que vous aurez besoin de faire de votre variable un objet dom.

détails:

http://johndyer.name/native-browser-get-set-properties-in-javascript/

Answer 4

Pour vieux navigateurs IE, vous pouvez également utiliser VB pour émuler getter et setter Jetez un oeil à ce getters & setters for all IE with cross browser VBClass!