Стрелочная функция аркылуу JavaScript'теги контекст

Үчүнчү чечим стрелочная функцияларды колдонууга негизделген, алар JavaScript'те жакында эле пайда болгон. Мындай функциялар, башка нерселерден сырткары, өздөрүнүн контекстине ээ эмес, тескерисинче, ата-энесинин контекстин сакташат. Стрелочная функциянын жардамы менен биздин маселени оңдойлу:

let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);

function parent() {
	console.log(this.value); // 'text' деп чыгарат
	
	let child = () => {
		console.log(this.value); // 'text' деп чыгарат
	}
	child();
}

Мурунку тапшырманын кодун алып, үйрөнгөн үчүнчү ыкманын жардамы менен коддун маселесин оңдогула.