Kosa ya Kuzuia Kufuata Kiungo katika JavaScript

Acha tuwe na kiungo:

<a href="">kiungo</a>

Tupate kiungo chetu kwenye kutofautisha:

let link = document.querySelector('a');

Tushikamanishe kichakato cha kubonyeza kwa kiungo chetu. Tulize wakati huo huo kufuata kiungo, ili kuepuka upakiaji upya wa ukurasa:

link.addEventListener('click', function(event) {
	console.log(this.textContent);
	event.preventDefault();
});

Inaonekana kwamba tumejilinda kabisa na tabia isiyotarajiwa. Kweli sio hivyo. Jambo ni kwamba inapotokea kosa la sintaksia, msimbo wa JavaScript hautatekelezwa tu, uzuio wa kiungo hautaenda kazi, na kutafuatiwa kwa hiyo.

Katika kesi hii hatutaona matokeo ya utekelezaji wa msimbo, wala kosa kwenye konsoli, maana ukurasa utapakiwa upya. Wacha kwa makusudi tufanye kosa kwenye msimbo na tuhakikishe kwa vitendo:

link.addEventListener('click', function(event) {
	thiss.textContent = 'maandishi'; // kosa la sintaksia
	event.preventDefault();
});

Tatizo kama hilo lina ishara maalum: ikiwa ukiangalia konsoli wakati wa kubonyeza kiungo, tutaona kwa kifupi kosa nyekundu kwenye konsoli, ambayo karibu mara moja itapotea.

Bila shaka, tusoma maandishi ya kosa sisi hataweza kufikia, jambo ambalo hurahisisha utafutaji wake. Kuna, hata hivyo, hila maalum. Inahitajika katika href kiungo kuweka alama ya saana. Katika kesi hii kufuata kiungo hautatokea na tutaona iliyotupwa kwenye konsoli kosa:

<a href="#">kiungo</a>