JavaScript getter pour toutes les propriétés

Longue histoire courte: je suis dans une situation où je voudrais un PHP-style de lecture, mais en JavaScript.

Mon JavaScript est en cours d'exécution dans Firefox que, si Mozilla spécifiques JS est OK par moi.

La seule façon que je peux trouver à faire un JS de lecture nécessite de spécifier son nom, mais j'aimerais définir un getter pour tous noms possibles. Je ne sais pas si c'est possible, mais j'aimerais bien que savoir.

j'imagine qu'il fait référence à l'fonctions magiques __get et __set

InformationsquelleAutor arantius | 2009-06-15

63

Proxy peut le faire! Je suis si heureux que cela existe!! Une réponse est donnée ici: Est-il un javascript équivalent de python __getattr__ méthode? . Pour reformuler dans mes propres mots:
```
var x = new Proxy({},{get(target,name) {
  return "Its hilarious you think I have "+name
}})

console.log(x.hair) //logs: "Its hilarious you think I have hair"
```
Proxy pour la victoire! Découvrez le MDN docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy

Fonctionne dans chrome, firefox, et node.js. Inconvénients: ne fonctionne pas dans IE - foutu IE. Bientôt.
- Il fonctionne en Bordure trop. Voir caniuse.com pour les versions de navigateur.
- mais que faire si je veux simuler un appel de fonction, comme myProxy.foo('bar'). J'ai vu il y a appliquer pour les fonctions mais n'est pas autorisé d'utiliser des noms personnalisés, est toujours exécuté sur le serveur proxy: myProxy('bar'), nous avons pu imiter avec myProxy('foo', 'bar'), mais ensuite il nous manque le truc magique
- Si vous revenez d'une fonction à partir de la lecture, vous devez absolument être en mesure d'appeler myProxy.foo('bar').
InformationsquelleAutor B T
47

Le plus proche que vous pouvez trouver est __noSuchMethod__, qui est le JavaScript est l'équivalent de PHP __call().

Malheureusement, il n'y a pas d'équivalent de l' __get et__set, ce qui est dommage, parce qu'avec eux, nous pourrions avoir mis en œuvre __noSuchMethod__, mais je n'ai pas encore de voir une manière de mettre en œuvre des propriétés (en C#) à l'aide d' __noSuchMethod__.
```
var foo = {
    __noSuchMethod__ : function(id, args) {
        alert(id);
        alert(args);
    }
};

foo.bar(1, 2);
```
- J'étais en train d'essayer de créer un "message de manger nil" équivalent, et ce n' exactement! Merci!
- Je n'avais aucune idée sur le "message de manger nil" concept. Merci
- Qu'en est nowjs? Ils doivent être en utilisant une sorte de __set() et __get (), ce qui équivaut à faire de leur style RPC cadre fonctionnent réellement. Je ne peux pas dire comment il fonctionne à partir du code source.
- est-il quelque chose de similaire pour Chrome/Awesomium? J'ai aussi trouvé un autre concept à l'aide de l'Harmonie des Procurations, qui, malheureusement, ne fonctionne que dans FF à droite maintenant.
- l'avenir est en effet. Il est disponible sur Chrome si vous activez expérimentale fonctions JavaScript sous "about:flags". Il n'y a pas d'autre équivalent pour __noSuchMethod__.
- noSuchMethod est non standard et la version la plus récente d'Internet Explorer, de le soutenir, de sorte qu'il peut ne pas fonctionner sur un grand nombre de vos utilisateurs du navigateur.
- Qu'en est ECMAScript analogique de cela?
- IMPORTANT: Le lien dit maintenant: Cette fonction est obsolète. Bien qu'il peut continuer à travailler dans certains navigateurs, son usage est déconseillé, car il peut être retiré à tout moment. Essayez d'éviter de l'utiliser.
- Alors que les noSuchMethod a été abandonné, l'ECMAScript 2015 (ES6) cahier des charges a pour objet Proxy, avec laquelle vous pouvez atteindre le dessous (et plus).
- Quel est le statut actuel de noSuchMethod ? Je ne trouve pas dans caniuse, et je pense que c'est beaucoup mieux que Proxy, car avec proxy nous ne pouvons pas faux d'un appel de fonction
InformationsquelleAutor Ionuț G. Stan
27

Si vous êtes le codage dans l'ES6, vous pouvez combiner proxy et la classe d'avoir un agréable à regarder code php de:
```
class Magic {
    constructor () {
        return new Proxy(this, this);
    }
    get (target, prop) {
        return this[prop] || 'MAGIC';
    }
}
```
cette lie pour le gestionnaire, de sorte que vous pouvez l'utiliser au lieu de la cible.

Remarque: contrairement à PHP, proxy gère l'ensemble de la demande de propriété.
```
let magic = new Magic();
magic.foo = 'NOT MAGIC';
console.log(magic.foo); //NOT MAGIC
console.log(magic.bar); //MAGIC
```
Vous pouvez vérifier les navigateurs prennent en charge proxy http://caniuse.com/#feat=proxy et de la classe http://caniuse.com/#feat=es6-class. Le nœud 8 support à la fois.
- C'est la meilleure réponse que j'ai trouvé.
- ^ c'est génial
- n'est pas nécessaire de mettre en œuvre "set" à l'intérieur de la doublure pour l'affectation?
- Non, il travaille comme des objets, mais vous pouvez le définir.
InformationsquelleAutor Ali
5

Javascript 1.5 n'ont getter/setter sucre syntaxique. C'est très bien expliqué par John Resig ici

Il n'est pas suffisamment générique pour l'utilisation du web, mais certainement Firefox a (également Rhino, si jamais vous voulez l'utiliser sur le côté serveur).
- Pas tout à fait __get() et __set(). PHP version vous permettent de surveiller TOUS les biens, même ceux qui n'ont pas encore été créé.
InformationsquelleAutor Javier

Si vous avez vraiment besoin d'une mise en œuvre qui fonctionne, vous pouvez "tricher" dans votre arround par le test de la deuxième paramètre undefined, ceci signifie également que vous pouvez utiliser pour obtenir réellement régler le paramètre.

var foo = {
    args: {},

    __noSuchMethod__ : function(id, args) {
        if(args === undefined) {
            return this.args[id] === undefined ? this[id] : this.args[id]
        }

        if(this[id] === undefined) {
            this.args[id] = args;
        } else {
            this[id] = args;
        }
    }
};

InformationsquelleAutor Vengarioth

1

Si vous êtes à la recherche de quelque chose comme PHP __get() fonction, je ne pense pas que Javascript permet une telle construction.

Du mieux que je peux penser de boucle par le biais de l'objet non-membres de fonction et ensuite, la création d'un correspondant "getXYZ()" fonction pour chaque.

Dans louches pseudo-ish code:
```
for (o in this) {
    if (this.hasOwnProperty(o)) {
        this['get_' + o] = function() {
            //return this.o -- but you'll need to create a closure to
            //keep the correct reference to "o"
        };
    }
}
```
InformationsquelleAutor nickf

J'ai fini à l'aide d'un nickfs de réponse pour construire ma propre solution. Ma solution va automatiquement créer get_{propname} et set_{propname} fonctions pour toutes les propriétés. Il ne vérifie pas si la fonction existe déjà avant de les ajouter. Cela vous permet de remplacer la valeur par défaut d'obtenir ou de définir la méthode avec notre propre mise en œuvre, sans le risque de tomber écrasé.

for (o in this) {
        if (this.hasOwnProperty(o)) {
            var creategetter = (typeof this['get_' + o] !== 'function');
            var createsetter = (typeof this['set_' + o] !== 'function');
            (function () {
                var propname = o;
                if (creategetter) {
                    self['get_' + propname] = function () {
                        return self[propname];
                    };
                }
                if (createsetter) {
                    self['set_' + propname] = function (val) {
                        self[propname] = val;
                    };
                }
            })();
        }
    }

InformationsquelleAutor Kevin

Vous devez vous connecter pour publier un commentaire.