Backbone.js la Manipulation des Attributs Qui Sont des Tableaux

J'aime vraiment épine Dorsale, mais je suis le plus de temps à faire ce qui semble être des choses simples. J'ai apprécier l'aide de l'exemple suivant.

J'ai un modèle, les Critères, que je veux utiliser pour stocker l'état de certains éléments dans mon INTERFACE. il ya un couple de simples attributs, et un attribut qui est un tableau d'Id utilisé pour stocker les Id des balises que l'utilisateur a sélectionné dans l'INTERFACE utilisateur.

Donc, j'ai créer une nouvelle instance. J'ai ajouter quelques éléments pour les balises de tableau. Alors, je veux repartir de zéro, créer une nouvelle instance, affecté à la même variable. Mais, mes balises de tableau continue à détenir des informations, j'ai ajouté comme une partie de la première instance de Critères.

J'ai documenté les cas de test ci-dessous.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<script src="Scripts/Libraries/jquery-1.6.1.js" type="text/javascript"></script>
<script src="Scripts/Libraries/underscore.js" type="text/javascript"></script>
<script src="Scripts/Libraries/backbone.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function () {
//Simple model to hold some state about my UI.
var Criteria = Backbone.Model.extend({
defaults: {
"status": "Normal",
"priority": "Normal",
"tags": new Array()
}
});
//Create new criteria.
window.criteria = new Criteria();
//The length of the tags array should be 0. PASSES
console.log("Expect 0: Actual " + window.criteria.get("tags").length);
//Add a tag id to the tags array.
window.criteria.get("tags").push(5); //Tag with ID of 5.
//The length of the tags array should be 1. PASSES
console.log("Expect 1: Actual " + window.criteria.get("tags").length);
//Create a new instance of criteria.
window.criteria = new Criteria();
//The length of the tags array should be 0. FAILS
//CONFUSED. I thought this is now a new instance with a new set of attributes.
//Why does the tags collection still have an item in it.
console.log("Expect 0: Actual " + window.criteria.get("tags").length);
//OK. So, I will call the clear method on the model. This is supposed to remove all attributes
//from the model.
//Then, I will create it again.
window.criteria.clear();
window.criteria = new Criteria();
//The length of the tags array should be 0. FAILS. Still 1.
console.log("Expect 0: Actual " + window.criteria.get("tags").length);
//ARGH!
console.log("HELP!");
});
</script>
</head>
<body>
<h1>Test</h1>
<p>Backbone test page.</p>
</body>
</html>

Suis-je tout simplement de la marque ici? Suis-je en train d'utiliser l'épine Dorsale de choses qu'il n'a pas été prévu? Ou ai-je raté quelque chose de plus général en javascript programmation OO?

P. S. j'ai d'abord utilisé un Backbone de collecte de tags, mais qui a présenté toute une autre série de questions relatives au fait d'avoir une Étiquette de modèle référencé dans plusieurs collections et comment l'épine Dorsale de la méthode remove unsets la "collection" de référence lorsqu'un élément est supprimé à partir de n'importe quelle collection. Un autre jour, une autre question.

Bonjour Kevin, vous pourriez peut-être changer votre accepté de répondre à l'autre en dessous? Ce qui est beaucoup plus lisible et l'approche recommandée. L'on a accepté la réponse est à seulement gonflé idée de la même chose de toute façon. Merci.

InformationsquelleAutor Kevin | 2011-06-22

backbone.js javascript

34

Thom Blake est en droit de savoir pourquoi il est en gardant les mêmes valeurs de la matrice. une option pour la résolution de ce est de définir la valeur par défaut dans l'initialiseur
```
        var Criteria = Backbone.Model.extend({
defaults: {
"status": "Normal",
"priority": "Normal"
},
initialize: function(){
if( !this.get('tags') ){ 
this.set({tags: new Array()});
}
}
});
```
- +1 pour montrer l'épine Dorsale façon de gérer cela.
- Merci. J'ai fini la suite de cette approche et c'est parfaitement logique maintenant. Donc, juste pour être sûr, les valeurs primitives (statut, la priorité) n'ont pas besoin d'être réinitialisé comme les balises de tableau? - Il Correct?
- Correct.
- A code comme ça, mais j'ai eu {silencieux: true} transmis à la ce.ensemble(..., {silencieux: true}) appel et puis quand je suis allé à travers les attributs modifiés je l'ai fait aussi voir ceux que j'avais changé avec ce.ensemble(... {silencieux: true}) dans l'initialiser, ce qui n'était pas ce que je voulais.
InformationsquelleAutor Derick Bailey
70

"par défaut" peut aussi être une fonction.
```
var Criteria = Backbone.Model.extend({
defaults: function () {
return {
"status": "Normal",
"priority": "Normal",
"tags": new Array()
}
}
});
```
Cela permettrait de créer un nouveau tableau quand un nouveau critère est instancié.
Voir: http://backbonejs.org/#Model-defaults
- Quel est le but de la déclaration?
- L'essentiel est que le "défaut" de la propriété est une fonction plutôt qu'un objet. Le retour dénote un objet qui est retournée par la fonction, et utilisée comme valeur de "défaut". Comme d'autres l'ont expliqué, si "par défaut" est un objet, lorsqu'un nouveau modèle est créé, chaque propriété en "par défaut" est copié dans les attributs de l'objet. Lorsque les propriétés sont des Chaînes de caractères ou des Chiffres, cela fonctionne comme prévu, mais pour les Objets et les Tableaux, cette copie est faite par référence. Pour chaque instance d'avoir sa propre copie des attributs par défaut, vous devez utiliser une fonction.
- Je préfère de beaucoup cette syntaxe, que celui de la réponse choisie
- Notez que vous pouvez simplement utiliser [] au lieu de "new Array()"
- C'est la façon dont vous devriez le faire. "Rappelez-vous qu'en JavaScript, les objets sont passés par référence, donc, si vous incluez un objet comme valeur par défaut, elle sera partagée entre toutes les instances. Au lieu de cela, définir les valeurs par défaut en fonction." - backbonejs.org/#Model-defaults
- Et il lit beaucoup beaucoup plus facilement! Un changement dans acceptées réponse serait utile ici.
InformationsquelleAutor btford
13

Lorsque vous définissez des "balises" en vertu de "valeurs par défaut", vous créez un nouveau Tableau et définir la valeur par défaut pour la classe. Ensuite, lorsque vous créez une nouvelle instance, il a la même Matrice de référence, qui a encore des choses que vous poussé.

Plutôt que de fixer une valeur par défaut pour les tags, vous devriez être en mesure de simplement le mettre à [] avant de l'utiliser la première fois:
```
window.criteria = new Criteria()
window.criteria.set({'tags', []})  //you can use new Array() if you want
window.criteria.get('tags').push(5)
window.criteria = new Criteria()
console.log(window.criteria.get('tags'))   //should be undefined
window.criteria.set({'tags', []})
```
- J'ai eu le même problème récemment, lors du stockage de js Date d'objets comme des propriétés de la colonne vertébrale.Modèle type de classes. Je n'étais pas la date de la création de nouveaux objets, il suffit de changer une seule référence. Donc autant que l'épine dorsale a été concerné de la date, n'a jamais changé et d'événements n'a jamais tiré. La règle est avec épine dorsale toujours traiter les propriétés des valeurs inaltérables. Si vous avez besoin de changer une propriété clone une nouvelle valeur qui permettra de créer une nouvelle référence, et de modifier la nouvelle référence.
- Je suis allé de l'avant et de suivi de l'initialisation de la démarche ci-dessous. Bonne explication. Merci!
InformationsquelleAutor Tamzin Blake
3

Pour être clair, la dernière option offerte par Maksym H. ne résoudra pas le problème. Les valeurs par défaut de la propriété est fourni en supposant que toutes les valeurs sont immuables. Un tableau, cependant, est mutable, qui signifie que sa valeur peut être modifiée (par exemple, les balises[0] = "bonjour" peut être changé avec les balises[0] = "salut").

En utilisant btford réponse, vous forçant une nouvelle instance de toute mutable objet/propriété d'être créé sur chaque nouvelle instance du modèle, de sorte qu'il n'est jamais partagée, parce que l'objet est créé avec une fonction d'étendue variable.

De même, Derick Bailey réponse est correcte, il utilise juste la méthode initialize à la place des valeurs par défaut de la méthode.

InformationsquelleAutor Chris M

Vous devez vous connecter pour publier un commentaire.