JavaScript bortfalder 0 - Hvad betyder javascript: ugyldigt (0); Betyde?

Ordet tom betyder "helt tomt rum" ifølge ordbogen. Dette udtryk refererer, når det bruges til programmering, til returnering af "intet" - en "tom værdi" så at sige.

Hvad er det ugyldige søgeord?

Når en funktion er ugyldig, betyder det, at funktionen ikke returnerer noget. Dette svarer til funktioner i JavaScript, som undefinedeksplicit vender tilbage , sådan:

function und() { return undefined } und() 

eller implicit, som sådan:

function und() { } und() 

Uanset udtryk og udsagn i funktionerne ovenfor (tilføjer 2 tal sammen, finder gennemsnittet af 5 tal, uanset hvad), er der ikke noget resultat, der returneres.

Nu ved vi, hvad voidnøgleordet handler om. Hvad med javascript:void(0)?

Hvad er der javascript:void(0)?

Hvis vi deler dette op, har vi javascript:og void(0). Lad os se på hver del mere detaljeret.

javascript:

Dette kaldes en Pseudo URL . Når en browser modtager denne værdi som værdien hrefpå et ankermærke, fortolker den JS-koden, der følger kolon (:) i stedet for at behandle værdien som en refereret sti.

For eksempel:

Link 

Når der klikkes på "Link", er resultatet:

Som det ses ovenfor, behandles browseren ikke hrefsom en refereret sti. I stedet behandler det det som en JavaScript-kode, der starter efter "javascript:" og adskilt af semikolon.

void(0)

Tomrumsoperatøren evaluerer givne udtryk og returneringer undefined.

For eksempel:

const result = void(1 + 1); console.log(result); // undefined 

1 + 1evalueres, men undefinedreturneres. For at bekræfte det er her et andet eksempel:

Heading

void(document.body.style.backgroundColor = 'red', document.body.style.color = 'white' )

Resultatet af ovenstående kode er:

Her er et andet eksempel:

console.log(void(0) === undefined) // true 

Kombination javascript:ogvoid(0)

Nogle gange vil du ikke have et link til at navigere til en anden side eller genindlæse en side. Ved hjælp af javascript:kan du køre kode, der ikke ændrer den aktuelle side.

Dette, brugt med void(0)midler, gør ingenting - genindlæs ikke, naviger ikke, kør ikke nogen kode.

For eksempel:

Link 

"Link" -ordet behandles som et link af browseren. For eksempel kan det fokuseres, men det navigerer ikke til en ny side.

0er et argument, der sendes til void, der ikke gør noget og ikke returnerer noget.

JavaScript-kode (som vist ovenfor) kan også sendes som argumenter til voidmetoden. Dette får linkelementet til at køre noget kode, men det opretholder den samme side.

For eksempel:

Link 

Når der klikkes på knappen, er dette resultatet:

Med voidfortæller det browseren ikke at returnere noget (eller returnere undefined).

En anden brugstilfælde af links med javascript:void(0)henvisningen er, at et link nogle gange kan køre en JavaScript-kode i baggrunden, og navigering kan være unødvendig. I dette tilfælde vil udtrykkene blive brugt som argumenter, der sendes til void.

Konklusion

I denne forenklede artikel har vi lært, hvad voidoperatøren er, hvordan den fungerer, og hvordan den bruges sammen med javascript:pseudo-URL til hrefattributter for links.

Dette sikrer, at en side ikke navigerer til en anden side eller genindlæser den aktuelle side, når der klikkes på den.