class MyClass { // class methods constructor() { ... } method1() { ... } method2() { ... } method3() { ... } ...}

Quindi utilizzare new MyClass() per creare un nuovo oggetto con tutti i metodi elencati.

Il metodoconstructor() viene chiamato automaticamente danew, quindi possiamo inizializzare l’oggetto lì.,

Per esempio:

class User { constructor(name) { this.name = name; } sayHi() { alert(this.name); }}// Usage:let user = new User("John");user.sayHi();

Quando new User("John") si chiama:

1. viene creato Un nuovo oggetto.
2. Ilconstructorviene eseguito con l’argomento specificato e lo assegna athis.name.

Then quindi possiamo chiamare metodi oggetto, come user.sayHi().

Che cos’è una classe?

Quindi, cos’è esattamente unclass? Non è un’entità completamente nuova a livello di linguaggio, come si potrebbe pensare.

Sveliamo ogni magia e vediamo cos’è veramente una classe. Questo aiuterà a comprendere molti aspetti complessi.

In JavaScript, una classe è un tipo di funzione.,

Qui, date un’occhiata:

class User { constructor(name) { this.name = name; } sayHi() { alert(this.name); }}// proof: User is a functionalert(typeof User); // function

che Cosa class User {...} costruire realmente è:

1. Crea una funzione denominata User, che diventa il risultato della dichiarazione di classe. Il codice della funzione è preso dal metodoconstructor (assunto vuoto se non scriviamo tale metodo).
2. Memorizza i metodi di classe, come sayHi, in User.prototype.,

Doponew User viene creato l’oggetto, quando chiamiamo il suo metodo, è preso dal prototipo, proprio come descritto nel capitolo F. prototype. Quindi l’oggetto ha accesso ai metodi di classe.,di class User dichiarazione:

Ecco il codice per l’introspezione è:

Non solo zucchero sintattico

a Volte la gente dice che class è un “zucchero sintattico” (sintassi che è stato progettato per rendere le cose più facili da leggere, ma non introduce nulla di nuovo), perché in realtà abbiamo potuto dichiarare lo stesso senza class parola chiave a tutti:

Il risultato di questa definizione è circa la stessa., Quindi, ci sono davvero ragioni per cui class può essere considerato uno zucchero sintattico per definire un costruttore insieme ai suoi metodi prototipo.

Tuttavia, ci sono importanti differenze.

1. Innanzitutto, una funzione creata daclass è etichettata da una speciale proprietà interna]:"classConstructor". Quindi non è del tutto uguale a crearlo manualmente.

   La lingua controlla quella proprietà in una varietà di luoghi., Per esempio, a differenza di una normale funzione, deve essere chiamato con new:

   class User { constructor() {}}alert(typeof User); // functionUser(); // Error: Class constructor User cannot be invoked without 'new'

   Inoltre, una rappresentazione di stringa di un costruttore di classe in più motori JavaScript inizia con la “classe…”

   class User { constructor() {}}alert(User); // class User { ... }

   Ci sono altre differenze, li vedremo presto.

2. I metodi di classe non sono enumerabili.,Una definizione di classe impostaenumerable flag afalse per tutti i metodi nel"prototype".

   Va bene, perché se for..in su un oggetto, di solito non vogliamo i suoi metodi di classe.

3. Classi sempreuse strict.Tutto il codice all’interno del costrutto di classe è automaticamente in modalità rigorosa.

Inoltre, class sintassi porta molte altre caratteristiche che esploreremo in seguito.,

Espressione di classe

Proprio come le funzioni, le classi possono essere definite all’interno di un’altra espressione, passate, restituite, assegnate, ecc.

Ecco un esempio di espressione di classe:

let User = class { sayHi() { alert("Hello"); }};

class User { () { alert("Hello"); }}new User().sayHi();

class User { name = "John"; sayHi() { alert(`Hello, ${this.name}!`); }}new User().sayHi(); // Hello, John!

class User { name = "John";}let user = new User();alert(user.name); // Johnalert(User.prototype.name); // undefined

class User { name = prompt("Name, please?", "John");}let user = new User();alert(user.name); // John