w programowaniu obiektowym klasa jest rozszerzalnym szablonem program-kod-szablon do tworzenia obiektów, dostarczającym wartości początkowe dla stanu (zmiennych członkowskich) i implementacji zachowania (funkcji lub metod członkowskich).

w praktyce często musimy tworzyć wiele obiektów tego samego rodzaju, takich jak użytkownicy, towary lub cokolwiek innego.

Jak już wiemy z rozdziału Konstruktor, operator „new”,new function może w tym pomóc.,

ale we współczesnym JavaScript, jest bardziej zaawansowana konstrukcja „class”, która wprowadza wspaniałe nowe funkcje, które są przydatne do programowania obiektowego.

składnia „class”

podstawowa składnia to:

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

następnie użyjnew MyClass() aby utworzyć nowy obiekt ze wszystkimi wymienionymi metodami.

constructor() metoda jest wywoływana automatycznie przez new, więc możemy tam zainicjalizować obiekt.,

na przykład:

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

gdynew User("John") jest wywołane:

1. powstaje nowy obiekt.
2. constructor uruchamia się z podanym argumentem i przypisuje go dothis.name.

… wtedy możemy wywołać metody obiektowe, takie jak user.sayHi().

Co to jest klasa?

czym dokładnie jest class? To nie jest zupełnie nowy byt na poziomie języka, jak można by pomyśleć.

odsłońmy każdą magię i zobaczmy czym naprawdę jest klasa. To pomoże w zrozumieniu wielu złożonych aspektów.

w JavaScript klasa jest rodzajem funkcji.,

spójrz tutaj:

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

co class User {...}construct naprawdę robi:

1. tworzy funkcję o nazwie User, która staje się wynikiem deklaracji klasy. Kod funkcji jest pobierany z metody constructor (zakładana pusta, jeśli nie napiszemy takiej metody).
2. przechowuje metody klas, takie jaksayHi, wUser.prototype.,

Ponew User obiekt jest tworzony, kiedy wywołujemy jego metodę, jest pobierany z prototypu, tak jak opisano w rozdziale F. prototype. Obiekt ma więc dostęp do metod klasy.,z class User deklaracja jako:

oto kod do introspekcji:

nie tylko cukier składniowy

czasami ludzie mówią, że class jest „cukrem składniowym” (składnia, która ma na celu ułatwienie czytania, ale nie wprowadza niczego nowego), ponieważ moglibyśmy faktycznie zadeklarować to samo bez class słowo kluczowe w ogóle:

wynik tej definicji jest mniej więcej taki sam., Istnieją więc powody, dla których class można uznać za cukier składniowy do zdefiniowania konstruktora wraz z jego prototypowymi metodami.

mimo to istnieją istotne różnice.

1. najpierw funkcja utworzona przezclass jest oznaczana specjalną wewnętrzną właściwością]:"classConstructor". Więc nie jest to całkowicie to samo, co tworzenie go ręcznie.

   język sprawdza tę właściwość w różnych miejscach., Na przykład, w przeciwieństwie do zwykłej funkcji, musi być wywołana za pomocą new:

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

   konstruktor klasy w większości silników JavaScript zaczyna się od „class…”

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

   są inne różnice, wkrótce je zobaczymy.

2. metody klas nie są wyliczalne.,Definicja klasy ustawiaenumerable flagę nafalse dla wszystkich metod w"prototype".

   to dobrze, ponieważ jeśli for..in nad obiektem, zwykle nie chcemy metod jego klasy.

3. klasy zawsze use strict.Cały kod wewnątrz konstrukcji klasy jest automatycznie w trybie ścisłym.

poza tymclass składnia oferuje wiele innych funkcji, które poznamy później.,

wyrażenie klasy

podobnie jak funkcje, klasy mogą być zdefiniowane wewnątrz innego wyrażenia, przekazywane, zwracane, przypisywane, itd.

oto przykład wyrażenia klasy:

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

podobnie do nazwanych wyrażeń funkcji, wyrażenia klas mogą mieć nazwę.,

jeśli wyrażenie klasy ma nazwę, jest widoczne tylko wewnątrz klasy:

możemy nawet tworzyć klasy dynamicznie „na żądanie”, jak to:

Getters/setters

podobnie jak dosłowne obiekty, klasy mogą zawierać getters / setters, właściwości obliczeniowe itp.

oto przykład user.namezaimplementowany przy użyciu get/set:

technicznie, taka deklaracja klas działa poprzez tworzenie getterów i setterów w User.prototype.,

obliczone nazwy

oto przykład z nazwą metody obliczonej za pomocą nawiasów :