Classes ES6 Valeur par défaut

Est-il possible de créer un ES6 classe, qui attribue une valeur par défaut pour un bien, si l'on n'est pas passé dans la nouvelle méthode?

class myClass {
    constructor(options) {
        this.a = typeof options.a !== 'undefined' ? options.a : 'default a value';
        this.b = typeof options.b !== 'undefined' ? options.b : 'default b value';
        this.c = typeof options.c !== 'undefined' ? options.c : 'default c value';
    }
}

var myClassWithValue = new myClass({a:'a value', b: 'b value'});

Si j'essaie de le faire avec ce code, la compilation avec babeljs, j'obtiens une erreur TypeError: Impossible de définir la propriété " c " undefined.

Peut-être que je ne reçois pas comment faire fonctionner des classes en javascript.

source d'informationauteur Leonardo Alves

  1. 16

    Si vous comptez utiliser l'ES6, pourquoi ne pas utiliser tous ES6, c'est à dire les valeurs par défaut pour les paramètres et la déstructuration de cession

    class myClass {
  constructor({a = 'default a value', b = 'default b value', c = 'default c value'} = {a:'default option a', b:'default option b', c:'default option c'}) {
    this.a = a;
    this.b = b;
    this.c = c;
  }
}
var v = new myClass({a:'a value', b: 'b value'});
console.log(v.toSource());
var w = new myClass();
console.log(w.toSource());

    http://www.es6fiddle.net/ibxq6qcx/

    edit: testé et confirmé pour exécuter sur https://babeljs.io/repl/

  2. 7

    Objet.attribuer fonctionne pour moi comme bien

    class RenderProperties {
   constructor(options = {}){
        Object.assign(this, {
            fill : false, 
            fillStyle : 'rgba(0, 255, 0, 0.5)',
            lineWidth : 1,
            strokeStyle : '#00FF00'
        }, options);
    }
}
  3. 5

    Je vous suggère les suivantes:

    class myClass {
  constructor(options) {
    const defaults = {
      a: 'default a value',
      b: 'default b value',
      c: 'default c value'
    };
    const populated = Object.assign(defaults, options);
    for (const key in populated) {
      if (populated.hasOwnProperty(key)) {
        this[key] = populated[key];
      }
    }
  }
}

var myClassWithValue = new myClass({a:'a value', b: 'b value'});
  4. 1

    TypeError: Impossible de définir la propriété " c " undefined.

    Cela signifie options est pas défini.

    Assurez-vous que le options objet existe, tout d'abord:

    if(options){
    this.a = typeof options.a !== 'undefined' ? options.a : 'default a value';
    this.b = typeof options.b !== 'undefined' ? options.b : 'default b value';
    this.c = typeof options.c !== 'undefined' ? options.c : 'default c value';
}else{
    this.a = 'default a value';
    this.b = 'default b value';
    this.c = 'default c value';
}

    Ou, nice et court:

    options = options || {};
this.a = typeof options.a !== 'undefined' ? options.a : 'default a value';
this.b = typeof options.b !== 'undefined' ? options.b : 'default b value';
this.c = typeof options.c !== 'undefined' ? options.c : 'default c value';
  5. 0

    J'ai juste posé une question similaire, et trouve cette question après j'ai trouvé une solution, j'ai donc pensé que je pourrais le poster ici.

    Ma question est spécifique à l'ES6 et à l'aide de la déconstruction à la configuration des paramètres par défaut d'une classe. Il semble que la spécification ne permet pas directement de déconstruire les arguments, sauf si vous faites quelque chose de semblable à ce que @Jaromanda X fait.

    Je voulais quelque chose de plus court et plus, et s'est terminé vers le haut en utilisant le modèle suivant:

    class Test {
    constructor(options) {
      let {
        defaultOne   : defaultOne   = 'default one value', 
        defaultTwo   : defaultTwo   = 'default two value', 
        defaultThree : defaultThree = 'default three value'
      } = (options) ? options:{};

      this.defaultOne   = defaultOne;
      this.defaultTwo   = defaultTwo;
      this.defaultThree = defaultThree;

      this.init();
    }

  init() {
    console.log(this.defaultOne);
    console.log(this.defaultTwo);
    console.log(this.defaultThree);
  }
}

new Test({defaultOne: 'Override default one value'});
new Test();

    ES6 Babel test

    Compilé Babel ES5

    Tout ce que nous faisons ici est la déconstruction de l'argument options, et nous nous occupons de l'indéfini de cas d'utilisation avec un ternaire.