Qu'est-ce que le “get” mot-clé avant d'une fonction dans une classe?

Ce n' get dire dans ce ES6 classe? Comment puis-je faire référence à cette fonction? Comment devrais-je l'utiliser?

class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }

  get area() {
    return this.calcArea()
  }

  calcArea() {
    return this.height * this.width;
  }
}
  • C'est probablement une getter mais à l'intérieur d'une classe à la place d'un objet. Ce n'est pas vraiment ES6-spécifique.
  • comment entendez-vous ses pas ES6 spécifique?
  • Qu'il a travaillé dans l'ES5 le même.
  • Les méthodes de lecture existent depuis ES5, je pense. La seule chose qui est ES6 ici est la class la syntaxe, mais les accesseurs sont rien de nouveau.
InformationsquelleAutor Matthew Harwood | 2015-08-13
  1. 85

    Il signifie que la fonction est un getter pour une propriété.

    Pour l'utiliser, il suffit d'utiliser son nom comme vous le feriez pour tout autre propriété:

    JS:

    'use strict'
class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }

  get area() {
    return this.calcArea()
  }

  calcArea() {
    return this.height * this.width;
  }
}

var p = new Polygon(10, 20);

alert(p.area);

    • Je me suis toujours demandé à ce sujet. Merci.
    • Les Classes sont implicitement en mode strict, btw. ecma-international.org/ecma-262/6.0/#sec-strict-mode-code
    • au moins sur mon navigateur (Chrome, Win7), sans que l'énoncé j'obtiens les erreurs de la console au lieu de travail de l'échantillon. Et ce n'est pas "La Réponse", à l'instar de la "Exécuter" extrait de code bouton n'est pas.
    • Ne pouvez-vous pas simplement appeler p. calcArea? si non, pourquoi pas?
    • Sont les get / set mots-clés juste syntaxique de sucre - depuis un appel à un Polygone.calcArea() wil aussi agir comme un getter ainsi ?
    InformationsquelleAutor Amit
  2. 19

    Résumé:

    La get mot-clé sera de lier une propriété de l'objet à une fonction. Lorsque cette propriété est regardé jusqu'à maintenant, la lecture de la fonction est appelée. La valeur de retour de la fonction get détermine ensuite la propriété est retourné.

    Exemple:

    JS:

    const person = {
    firstName: 'Willem',
    lastName: 'Veen',
    get fullName() {
        return `${this.firstName} ${this.lastName}`;
    }

}

console.log(person.fullName);
//When the fullname property gets looked up
//the getter function gets executed and its
//returned value will be the value of fullname

    • Thumbs up pour l'exemple pratique!
    • Je pense que je peux simplifier encore davantage. Le 'get' vous permet de vous traiter d'une méthode de classe, comme si c'était une simple propriété d'un objet. Si vous laissez au large de la 'get', vous pouvez toujours accéder à la valeur en l'appelant .zone() au lieu de simplement .la zone
    InformationsquelleAutor Willem van der Veen
  3. 17

    Il est fonceur, de même que les Objets et les Classes dans OO JavaScript. À partir du MDN Docs pour get:

    La get syntaxe lie une propriété de l'objet à une fonction qui sera appelée lorsque cette propriété est recherchée.

    InformationsquelleAutor Praveen Kumar Purushothaman