Як працювати з класами в ecmascript 2015.
Відео: Java для початківців. Урок 14: Класи і об`єкти
Відео: ECMAScript 6. Нові інструменти для jаvascript розробника
Всім привіт! У цій статті ми розглянемо, як використовувати класи в EcmaScript 2015 і чи варто їх взагалі використовувати?
Зауважте, що нові функції EcmaScript 2015 працюють зараз не скрізь. Якщо ви хочете їх протестувати, то раджу встановити браузер Mozilla Firefox Nightly.
jаvascript завжди був несхожим на інші об`єктно-орієнтовані мови програмування, проте з приходом нової версії ця відмінна риса стає все менше. Якщо ви знаєте, як створювати і використовувати класи, наприклад, в PHP, то тут для вас все буде зрозуміло.
Отже, ось, як створювати класи в jаvascript.
classCar{
constructor(model){
this.model = model-
}
getModel(){
return"The Model of The Car is"+this.model-
}
}
Як бачите, дуже схоже на інші мови. Виклик також не відрізняється.
var bmw =newCar("BMW") -
alert(bmw.getModel()) -
Думаю, тут все зрозуміло. Тепер поговоримо про спадкування. Якщо ви хочете успадкувати якісь властивості і методи іншого класу, просто додайте ключове слово extends. А якщо ви хочете викликати батьківський метод, то використовуйте ключове слово super. Ось як це виглядає на практиці.
classCar{
// code ...
}
classKiaextendsCar{
constructor(model, autoPilot){
super.constructor(model) -
this.autoPilot = autoPilot-
}
getModel(){
returnsuper.getModel()+"And this is the best model"-
}
}
var kia =newKia("Sportage",false) -
alert(kia.getModel()) -
Тут теж немає нічого складного. І все, що нам залишилося розібрати, це "геттери"І"сеттери". Що це і для чого потрібні, ви вже повинні знати, а якщо немає, то можете почитати про них в розділі PHP. Я ж просто покажу приклад використання.
classClassSomething{
constructor(something){
this.something = something-
}
getSomething(){
returnthis.something-
}
setSomething(value){
this.something = value-
}
}
var smth =newClassSomething("Something") -
alert(smth.something) -
smth.something ="Something here"-
Ну що ж. Ми розібралися, як працюють класи в EcmaScript 2015. Насамкінець варто лише сказати, що насправді jаvascript все так же використовує об`єкти і прототипи, а не справжні класи. Такий синтаксис був зроблений лише для того, щоб людям, можливо, було легше читати і писати код, але ООП, до якого більшість з програмістів звикло, як не було, так і немає. Чи варто використовувати такий синтаксис? Вирішувати вам!
А у мене на цьому все. Дякую за увагу!
- Як створити асоціативний масив в jаvascript
- Що нового в ecmascript 6?
- Як знайти помилку в jаvascript
- Стрілочні функції в es6.
- Перевірка складності пароля на jаvascript
- Вивчаємо coffeescript. Оператори.
- Вивчаємо coffeescript. Класи.
- Об`єкт object в jаvascript
- Подія прокрутки коліщатка миші в jаvascript
- Перевірка включений чи jаvascript
- Поняття ооп в jаvascript
- Ротатор тексту на jаvascript
- Перетворення типів в jаvascript.
- Робота з cookie через jаvascript
- Об`єкти, прототипи і конструктори в мові jаvascript.
- jаvascript hello world
- Валідність jаvascript
- Тестування з jаvascript
- Динамічна перевірка форми на jаvascript
- Перетворення коду з es6 в es5.
- Календар на jаvascript