Définir la valeur par défaut des attributs des objets Javascript

Question

Existe-t-il un moyen de définir l'attribut par défaut d'un objet Javascript de telle sorte que :

let emptyObj = {};
// do some magic
emptyObj.nonExistingAttribute // => defaultValue

Answer 1

Depuis que j'ai posé la question il y a plusieurs années, les choses ont bien progressé.

Les mandataires font partie de l'ES6. L'exemple suivant fonctionne dans Chrome, Firefox, Safari et Edge :

let handler = {
  get: function(target, name) {
    return target.hasOwnProperty(name) ? target[name] : 42;
  }
};

let emptyObj = {};
let p = new Proxy(emptyObj, handler);

p.answerToTheUltimateQuestionOfLife; //=> 42

---

Lire la suite dans Documentation de Mozilla sur les Proxies .

Answer 2

Utilisez déstructuration (nouveau dans ES6)

Il y a une grande documentation par Mozila ainsi qu'un fantastique article de blog qui explique la syntaxe mieux que je ne le peux.

Pour répondre à votre question

var emptyObj = {};
const { nonExistingAttribute = defaultValue } = emptyObj;
console.log(nonExistingAttribute); // defaultValue

Aller plus loin

Est-ce que je peux renommer cette variable ? Bien sûr !

const { nonExistingAttribute: coolerName = 15} = emptyObj;
console.log(coolerName); // 15

Qu'en est-il des données imbriquées ? Allez-y !

var nestedData = {
    name: 'Awesome Programmer',
    languages: [
        {
            name: 'javascript',
            proficiency: 4,
        }
    ],
    country: 'Canada',
};

var {name: realName, languages: [{name: languageName}]} = nestedData ;

console.log(realName); // Awesome Programmer
console.log(languageName); // javascript

Answer 3

Il n'y a pas de moyen de définir ceci en Javascript - en retournant undefined pour les propriétés inexistantes fait partie de la spécification de base de Javascript. Voir la discussion pour cette question similaire . Comme je l'ai suggéré ici, une approche (bien que je ne puisse pas vraiment la recommander) consisterait à définir une fonction globale getProperty fonction :

function getProperty(o, prop) {
    if (o[prop] !== undefined) return o[prop];
    else return "my default";
}

var o = {
    foo: 1
};

getProperty(o, 'foo'); // 1
getProperty(o, 'bar'); // "my default"

Mais cela conduirait à un tas de code non standard qui serait difficile à lire pour les autres, et cela pourrait avoir des conséquences inattendues dans des domaines où l'on s'attendrait ou voudrait une valeur non définie. Il est préférable de vérifier au fur et à mesure :

var someVar = o.someVar || "my default";

Answer 4

Mon code est :

function(s){
    s = {
        top: s.top || 100,    // default value or s.top
        left: s.left || 300,  // default value or s.left
    }
    alert(s.top)
}

Answer 5

Cela ressemble à l'utilisation typique d'objets basés sur des prototypes :

// define a new type of object
var foo = function() {};  

// define a default attribute and value that all objects of this type will have
foo.prototype.attribute1 = "defaultValue1";  

// create a new object of my type
var emptyObj = new foo();
console.log(emptyObj.attribute1);       // outputs defaultValue1