Подсказки на компьютерную тематику

Можно подсмотреть, если забыли…

Как создать классы и объекты на Javascript

Особенности создания классов и объектов на JS

    При использовании принципа объектно-ориентированного программирования на языке программирования для браузеров Javascript следует учитывать следующие особенности:

  • классы и их объекты на JS имеют более простое устройство, в отличие от языков высокого уровня C++ и PHP
  • создание приватных, публичных и защищенных методов и свойств, используется с осторожностью, так как они могут не работать на других браузерах!
  • в JS создание конструктора класса не является обязательным требованием!
  • создание методов и свойств только для чтения или ввода данных осуществляется с помощью функций Get и Set
  • обращение к методам и свойствам класса осуществляется с использованием знака точки ‘.’
  • классы и объекты – можно сказать, просто разновидность функций этого языка программирования

Пример создания класса и объекта на Javascript

Определение класса на JS

class Fordbworkclass {
//в JS конструктор не обязателен
constructor() {
alert('запуск конструктора при создании объекта');
}

exampleVariable="Переменная_exampleVariable";

exampleFunction() {
this.exampleVariable="Измененная_переменная_exampleVariable";
return this.exampleVariable;
}
}


Объявление объекта класса на Javascript

let base=new Fordbworkclass();
//var base=new Fordbworkclass;//тоже работает
alert(base.exampleVariable);
base.exampleFunction();
alert(base.exampleVariable);


Наследование класса на JS

//создание дочернего класса FordbworkclassChild из родительского Fordbworkclass с помощью слова extends
class FordbworkclassChild extends Fordbworkclass {
//все свойства и методы родительского класса будут скопированы в дочерний класс
}
// Создание объекта дочернего класса, при этом сработает конструктор родительского класса:
var baseChild = new FordbworkclassChild;
baseChild.exampleVariable='переменная из дочернего класса';
alert(baseChild.exampleVariable);

Как создать классы и объекты на Javascript

Особенности создания классов и объектов на JS

    При использовании принципа объектно-ориентированного программирования на языке программирования для браузеров Javascript следует учитывать следующие особенности:

  • классы и их объекты на JS имеют более простое устройство, в отличие от языков высокого уровня C++ и PHP
  • создание приватных, публичных и защищенных методов и свойств, используется с осторожностью, так как они могут не работать на других браузерах!
  • в JS создание конструктора класса не является обязательным требованием!
  • создание методов и свойств только для чтения или ввода данных осуществляется с помощью функций Get и Set
  • обращение к методам и свойствам класса осуществляется с использованием знака точки ‘.’
  • классы и объекты – можно сказать, просто разновидность функций этого языка программирования

Пример создания класса и объекта на Javascript

Определение класса на JS

class Fordbworkclass {
//в JS конструктор не обязателен
constructor() {
alert('запуск конструктора при создании объекта');
}

exampleVariable="Переменная_exampleVariable";

exampleFunction() {
this.exampleVariable="Измененная_переменная_exampleVariable";
return this.exampleVariable;
}
}


Объявление объекта класса на Javascript

let base=new Fordbworkclass();
//var base=new Fordbworkclass;//тоже работает
alert(base.exampleVariable);
base.exampleFunction();
alert(base.exampleVariable);


Наследование класса на JS

//создание дочернего класса FordbworkclassChild из родительского Fordbworkclass с помощью слова extends
class FordbworkclassChild extends Fordbworkclass {
//все свойства и методы родительского класса будут скопированы в дочерний класс
}
// Создание объекта дочернего класса, при этом сработает конструктор родительского класса:
var baseChild = new FordbworkclassChild;
baseChild.exampleVariable='переменная из дочернего класса';
alert(baseChild.exampleVariable);