JavaScript-те класс пен объектілерге кіріспе

Қазір біз JavaScript-тегі ООП-ді зерттейміз. Тұрмыстық мысалды қарастырып, содан кейін оны JavaScript-ке көшірейік.

Мысал ретінде автомобильді алайық. Оның дөңгелектері, түсі, кузов түрі, қозғалтқыш көлемі және т.б. бар. Сонымен қатар, жүргізуші оған бұйрық бере алады: жүру, тоқтау, оңға, солға бұрылу және т.б.

Автомобильдердің ортақ қасиеттері бар (барлығында дөңгелектер бар және барлығына бұйрық беруге болады) белгілі бір класс бар деп айтуға болады.

Көшеде тұрған нақты автомобиль - бұл осы кластың өкілі, немесе басша сөзбен айтқанда, осы кластың объектісі. Осы кластың барлық объектілерінде қасиеттері бар: дөңгелектер саны, түсі, кузов түрі және әдістері: жүру, тоқтау, оңға бұрылу, солға бұрылу.

Басша сөзбен айтқанда, класстың өзі - бұл зауытта автомобильдер жасалатын үлгі. Ал объект - бұл осы үлгі бойынша жасалған машинаның өзі.

JavaScript-те класс class кілт сөзі арқылы жасалады, одан кейін осы кластың атауы жазылады. Car класын жасайық:

class Car {
	// осында код, яғни автомобильдің JavaScript-үлгісі
}

Енді біздің үлгімізде көрсетейік, бұл үлгі бойынша жасалған кез келген автомобильде түс үшін қасиет және отын мөлшері үшін қасиет болады.

Ол үшін класс ішінде color қасиетін және fuel қасиетін жазамыз:

class Car {
	color; // автомобиль түсі
	fuel;  // отын мөлшері
}

Енді біздің класымыздың әдістерін жасайық. JavaScript-те әдістер қарапайым функцияларға ұқсайды, тек олар function кілт сөзінсіз жарияланады.

Жоғарыда айтылғандай, біздің автомобиліміз жүре алады, бұрыла алады, тоқтай алады. Біздің класымызда сәйкес әдістерді жасайық:

class Car {
	color; // автомобиль түсі
	fuel;  // отын мөлшері
	
	// Жүру бұйрығы:
	go() {
		// қандай да бір JavaScript коды
	}
	
	// Бұрылу бұйрығы:
	turn() {
		// қандай да бір JavaScript коды
	}
	
	// Тоқтау бұйрығы:
	stop() {
		// қандай да бір JavaScript коды
	}
}

Біз сіздермен автомобиліміздің үлгісін жасадық. Енді зауытқа барып, осы кластың объектісін (яғни нақты автомобильді) жасау керек.

JavaScript-те бұл new кілт сөзі арқылы жасалады, одан кейін класс атауы жазылады:

new Car; // зауытқа автомобиль жасауды бұйырамыз

Алайда, егер класс объектісін жай ғана жасасақ - бұл еш нәрсеге әкелмейді (бұл, мысалы, массивті жариялап, оны еш жерге жазбағанмен бірдей). Бізге бұл объектіді сақтау үшін айнымалы керек.

Бұл айнымалы myCar деп аталады делік - оған біз жасаған объектіні жазайық:

let myCar = new Car;

Автомобильді жасағаннан кейін оның қасиеттеріне жүгінуге болады. Оларға нүкте арқылы жетеді. Келіңіз, біздің объектіміздің қасиеттерін орнатайық:

let myCar = new Car; // зауытқа автомобиль жасауды бұйырамыз

myCar.color = 'red'; // қызыл түске бояймыз
myCar.fuel = 50;     // отын саламыз

Барлығы, біздің автомобиліміз жасалып, боялып, жанармаймен толтырылды. Енді біз оған осы автомобиль әдістері арқылы бұйрық бере аламыз.

Әдістерге де нүкте арқылы жетеді, бірақ қасиеттен айырмашылығы, әдіс атынан кейін дөңгелек жақшалар жазылады. Келіңіз, біздің объектімізге бұйрық берейік:

myCar.go();
myCar.turn();
myCar.stop();