Классы JavaScript. Наследование классов. Примеры - IZIART

Разработка сайтов
индивидуальный дизайн

Главная » JS » Классы JavaScript. Наследование классов. Примеры

Классы JavaScript. Наследование классов. Примеры

Обновлено: 05.10.2023
js

Классы JS

Пример реализации простого класса Car на javaScript. Данный класс имеет два свойства: скорость и модель автомобиля, а также один метод maxSpeed, который будет устанавливать максимальную скорость автомобиля и выводить значение в консоль браузера.

// объявляем класс Car
class Car {
	constructor(model) {
		this.speed = 0;
		this.model = model || 'NoModel';
	}
	maxSpeed(speed) {
		this.speed += speed;
		console.log(`Максимальная скорость ${this.model} - ${this.speed} км/ч`);
	}
}

// создаем два экземпляра класса - bmw и audi
let bmw = new Car ("BMW X7");
let audi = new Car ("Audi A5");

// устанавливаем максимальную скорость авто
bmw.maxSpeed(250);
audi.maxSpeed(220);

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

Здесь мы создадим новый класс buyCar, который будет наследовать свойства и методы класса Car, а также добавим уже в новый класс еще один метод buyPrice. Этот метод будет выводить стоимость автомобиля, используя наследуемое свойство из класса Car

// объявляем класс buyCar и наследуем от класса Car
class buyCar extends Car {
	buyPrice() {
		console.log(this.speed * 1000);
	}
}

// создаем экземпляр класса - ferrari 
let ferrari = new buyCar ('GTC4Lusso');

// устанавливаем максимальную скорость авто, используя метод maxSpeed класса Car
ferrari.maxSpeed(300);

// выводим стоимость авто
ferrari.buyPrice();