fixez obtenir/définir la fonction des objets de propriété en js

J'ai, pour l'essentiel, un objet:

var foo = function() {
  this.setting = false;
  this.refresh = function() { ... };
}

let a = new foo();
a.setting = true; //a.refresh() is triggered

J'ai besoin de déclencher actualiser à tout moment .setting est écrit. Je me sens comme il a quelque chose à voir avec bind, mais je ne pouvais pas tout à fait le faire.

OriginalL'auteur ben | 2011-04-12

  1. 5

    Vous devez utiliser un getter et un setter pour votre objet. Une façon est d'utiliser des getter/setter directement les fonctions de:

    var foo = function()
{
   this.setting = false;
   this.getSetting = function() { return this.setting; }
   this.setSetting = function(val) { this.setting = val; this.refresh(); }
   this.refresh = function()
   {...}
}

    Si vous souhaitez utiliser foo.réglage de façon transparente comme un attribut, il y a des constructions de langage, mais malheureusement ils ne sont pas interopérables entre les navigateurs. En quelque sorte un retour à il y a 3 ans, il y a une méthode prise en charge par Mozilla, Safari, Chrome et Opéra et une autre méthode pour Internet Explorer. C'est la méthode standard:

    http://robertnyman.com/2009/05/28/getters-and-setters-with-javascript-code-samples-and-demos/

    IE9 a quelque chose d'autre, et je ne sais pas si il fonctionne même pour des non-objets DOM.

    oui réel obtenir/définir les fonctions ont été ce que j'allais pour. aucun de ces travaux sur ma plate-forme, malheureusement. merci pour l'aide
    IE9 fonctionne de la même façon que le Chrome et FF, IE8 prend en charge sur les objets DOM, IE7 et antérieures ont pas de support pour les getters et les setters.

    OriginalL'auteur

  2. 13

    Vous pouvez utiliser JavaScript getters et setters. Voir le MDC de la documentation sur le sujet et John Resig blog post sur le sujet. Notez que tous les navigateurs prennent en charge cette.

    var Foo = function()//constructor
{
   this._settings = false;//hidden variable by convention
   this.__defineGetter__("settings", function(){
     return _settings;//now foo.settings will give you the value in the hidden var
   });

   this.__defineSetter__("settings", function(s){
      _settings = s;//set the hidden var with foo.settings = x
      this.refresh();//trigger refresh when that happens
   });

   this.refresh = function(){
      alert("Refreshed!");//for testing
   }
}

var a = new Foo();//create new object
a.settings = true;//change the property
//a.refresh() is triggered

    L'essayer!

    OriginalL'auteur

  3. 3

    Vous êtes à la recherche d'un milieu setter? Quelque chose comme ceci?

    //renamed settings property with underscore
this._settings = false;

this.settings = function(s) {
     if(s !== undefined) {
        this._settings = s;
        this.refresh();
     }

     return this._settings;
};

...


var f = new foo();
f.setSettings(mySettings);

    J'ai tendance à combiner mon getter et setter dans une méthode en JavaScript, car il est tellement facile à faire. L'inconvénient de cette est _settings est toujours en public sur votre objet et n'importe qui peut écrire directement à elle. Le seul moyen de se cacher, c'est d'utiliser une fermeture, ce qui nécessite une approche totalement différente de la création de vos objets.

    oui c'est ce que j'ai maintenant, j'espérais que je ne pouvais faire l'_settings public et de masquer les get/set fonctions

    OriginalL'auteur

  4. 3

    Si vous n'êtes pas limité avec les anciens navigateurs, vous pouvez essayer d'utiliser l'approche décrite ici

    OriginalL'auteur

  5. 3

    Je ne suis pas pourquoi vous essayez d'utiliser l'opérateur "new", vous serez mieux à l'aide de l'objet littéral. Maintenant, si vous êtes à la recherche semblable à, disons, C# propriétés, vous pourriez faire quelque chose comme ceci:

    var myObject = function(){
    //Private Members
    var myProperty = '';

        //Privileged Setter
        this.setMyProperty = function(value){
            myProperty = value;
        };

        //Privileged Getter
        this.getMyProperty = function(){
            return myProperty;
        }

}

var MyNewObject = new myObject();
MyNewObject.setMyProperty("Hello, World!");
MyNewObject.getMyProperty();

    Pour plus d'info, je vous recommande ceci: http://www.crockford.com/javascript/private.html

    -1 Vous utilisez le new opérateur correctement le programme d'installation de prototypes...developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/...

    OriginalL'auteur

  6. 1

    Je sais que c'est une vieille question qui a déjà été répondu, mais j'aimerais apporter une solution qui prend avantage de JavaScript les plus récentes de la syntaxe.

    Définir un classe avec un getter et setter:

    class Foo {
  constructor() {
    this._setting = false;
  }

  get setting() {
    return this._setting;
  }

  set setting(value) {
    this._setting = value;
    this.refresh();
  }

  refresh() {
    console.log("refresh!");
  }
}

let foo = new Foo();
foo.setting = true; //foo.refresh() is called

    OriginalL'auteur