Използването на полета или член-променливи в JavaScript-класове е централна концепция, която е поставена на фокус с новите стандарти от ES6 до ES13. В това ръководство ще ти покажем как да декларираш и инициализираш както публични, така и статични полета. Ще разгледаме разликите и използването на тези полета в реални приложения.
Най-важни открития
- Можеш да декларираш и инициализираш полета в класове, както публични, така и статични членове.
- Публичните членове са достъпни за всички инстанции на класа.
- Статичните членове са общи за класа и споделят същото място в паметта за всички инстанции.
- Инициализацията на полета трябва да се извършва разумно, за да се избегнат нежелани грешки.
Стъпка по стъпка ръководство
Деклариране и инициализиране на полета
В началото ще научиш как да декларираш полета в рамките на клас. Можеш да инициализираш полета директно при тяхното дефиниране, което повишава четимостта и поддръжката на кода.
С горния код дефинираш поле description с начална стойност.
Както можеш да видиш, когато създадеш обект, началната стойност е достъпна веднага.
Препокриване на начални стойности в конструктора
Освен това можеш да препокриеш началната стойност на поле в конструктора. Конструкторът се извиква, когато създадеш инстанция на класа. При това можеш да промениш стойността на полето с подадения аргумент.
Достъп до полета
Достъпът до полетата се осъществява чрез инстанцията на твоя клас. С ключовата дума this можеш да получиш достъп до член-променливите.
Когато сега създадеш обект от Circle, ще видиш, че стойността на description е извеждана.
Използване на статични полета
Статичните полета са друга важна концепция, която можеш да използваш в твоите JavaScript класове. В отличие от нормалните полета, статичните полета са общи за класа и не зависят от инстанцията. Това означава, че има само една копие на това поле, независимо колко инстанции създаваш от класа.
Достъп до статични полета
Важно е да се отбележи, че достъпът до статични полета не се осъществява чрез инстанцията, а единствено чрез класа.
Дефиниране на статични методи
Освен статични полета, можеш също да дефинираш статични методи в твоите класове.
Промени на статични полета
Интересно поведение при статичните полета е, че, когато променяш стойността на статично поле, тази промяна е валидна за всички инстанции.
Заключение за използването на полета в JavaScript
В обобщение, сега можеш да използваш както публични, така и статични полета в JavaScript-класове ефективно. Знаеш как да декларираш, инициализираш и как да получаваш достъп до тях. Статичните полета и методи ти отварят допълнителни възможности при проектирането на твоите класове.
Резюме - Полета в класове: Ръководство за JavaScript
С това ръководство научи основите на полетата в JavaScript-класове. Сега трябва да можеш да декларираш, инициализираш и да използваш полета, според нуждите си.
Често задавани въпроси
Какви видове полета съществуват в JavaScript-класове?Съществуват публични и статични полета.
Как мога да получа достъп до статични полета?Получаваш достъп до тях чрез името на класа, последвано от точка.
Какво става, ако променя статични полета?Промените на статичните полета влияят на всички инстанции на класа.
