Hvordan alias en funksjon med Javascript

Hvordan alias en funksjon med Javascript


Funksjon aliasing gjør at du kan effektivisere koden din ved å forenkle flere referanser til samme funksjon. Javascript gjør denne prosessen mye enklere fordi det er et språk ansette "førsteklasses funksjoner." Med andre ord, i stedet for å bli behandlet som separate ting er funksjonene behandles på samme måte som en hvilken som helst annen gjenstand, og kan manipuleres som sådan. Å alias en funksjon i Javascript, oppretter en ny funksjon, og bruke "tilbake" for å koble den nye konstruksjonen til den eldre.

Bruksanvisning

1 Åpne filen som inneholder kildekoden for websiden (denne filen ender sannsynligvis i HTML eller php). Bruk en egen HTML-editor med kildekode visning eller en enkel tekst editor som Notisblokk. Fordi du trenger å gjøre endringer i den underliggende Javascript på websiden, en hva-du-ser-er-hva-du-får (WYSIWYG) editor er uegnet.

2 Bla ned til delen i dokumentet header som inneholder Javascript, som vil bli preget av kode mellom en "<script>" åpne tag og en "<script>" lukking tag. Hvis man ikke allerede finnes, legger delen ved å klippe og lime inn følgende kode:

<Script type = "text / javascript">

// Javascript-kode for å gå her

</ Script>

3 Legg til en ny funksjon etter "<script type =" text / javascript ">" tag, bestående av ingenting, men funksjonsnavnet, en "tilbake" statement, og koden du ønsker å alias. For eksempel vil endre skriftfargen på et element som heter "fargerike" til rødt i Javascript, vil du vanligvis skriver "document.getElementById ( 'fargerike'). Style.color = 'red'.» Noen eller alle av dette kan bli aliaser til et nytt objekt, så lenge du passerer langs eventuelle nødvendige argumenter. Å alias ". Document.getElementById stil ()" funksjonen ovenfor, kan du bruke følgende kode:

funksjon css (id) {return document.getElementById (id) .style; }

4 Se i ny funksjon, snarere enn koden den aliaser, gjennom resten av Javascript og HTML. Koden "css ( 'fargerike'). Color = 'red'" og "document.getElementById ( 'fargerike'). Style.color = 'red'» evaluere likt i Javascript, men førstnevnte er mer intuitiv og tar opp mindre rom. Den "css ()" -funksjonen er et objekt som inneholder alle egenskapene til full funksjon det aliaser.