JavaScript- funksies
'n JavaScript-funksie is 'n blok kode wat ontwerp is om 'n spesifieke taak uit te voer.
'n JavaScript-funksie word uitgevoer wanneer "iets" dit oproep (dit noem).
Voorbeeld
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
JavaScript funksie sintaksis
'n JavaScript-funksie word gedefinieer met die functionsleutelwoord, gevolg deur 'n naam , gevolg deur hakies () .
Funksiename kan letters, syfers, onderstrepings en dollartekens bevat (dieselfde reëls as veranderlikes).
Die hakies kan parametername insluit, geskei deur kommas:
( parameter1, parameter2, ... )
Die kode wat deur die funksie uitgevoer moet word, word binne krullerige hakies geplaas: {}
function
name(parameter1, parameter2, parameter3) {
// code to be executed
}
Funksieparameters word binne die hakies () in die funksiedefinisie gelys .
Funksie- argumente is die waardes wat deur die funksie ontvang word wanneer dit aangeroep word.
Binne die funksie tree die argumente (die parameters) op as plaaslike veranderlikes.
'n Funksie is baie dieselfde as 'n prosedure of 'n subroetine, in ander programmeertale.
Funksie Aanroep
Die kode binne die funksie sal uitgevoer word wanneer "iets" die funksie oproep ( roep ):
- Wanneer 'n gebeurtenis plaasvind (wanneer 'n gebruiker op 'n knoppie klik)
- Wanneer dit vanaf JavaScript-kode opgeroep (opgeroep) word
- Outomaties (self opgeroep)
Jy sal later in hierdie handleiding baie meer oor funksie-aanroeping leer.
Funksie Terugkeer
Wanneer JavaScript 'n returnstelling bereik, sal die funksie ophou uitvoer.
As die funksie vanaf 'n stelling opgeroep is, sal JavaScript "terugkeer" om die kode uit te voer na die oproepstelling.
Funksies bereken dikwels 'n terugkeerwaarde . Die terugkeerwaarde word "teruggestuur" na die "beller":
Voorbeeld
Bereken die produk van twee getalle en gee die resultaat terug:
let x = myFunction(4, 3); // Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
Die resultaat in x sal wees:
12
Hoekom funksies?
Jy kan kode hergebruik: Definieer die kode een keer, en gebruik dit baie keer.
Jy kan dieselfde kode baie keer met verskillende argumente gebruik om verskillende resultate te lewer.
Voorbeeld
Skakel Fahrenheit na Celsius om:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Die () Operator roep die funksie aan
Deur die voorbeeld hierbo te gebruik, toCelsiusverwys na die funksie-objek, en
toCelsius()verwys na die funksieresultaat.
Toegang tot 'n funksie sonder () sal die funksie-objek in plaas van die funksieresultaat terugstuur.
Voorbeeld
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Funksies wat as veranderlike waardes gebruik word
Funksies kan op dieselfde manier gebruik word as wat jy veranderlikes gebruik, in alle soorte formules, opdragte en berekeninge.
Voorbeeld
In plaas daarvan om 'n veranderlike te gebruik om die terugkeerwaarde van 'n funksie te stoor:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
U kan die funksie direk as 'n veranderlike waarde gebruik:
let text = "The temperature is " + toCelsius(77) + " Celsius";
Jy sal later in hierdie tutoriaal baie meer oor funksies leer.
Plaaslike veranderlikes
Veranderlikes wat binne 'n JavaScript-funksie verklaar word, word PLAASLIK vir die funksie.
Plaaslike veranderlikes kan slegs van binne die funksie verkry word.
Voorbeeld
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
Aangesien plaaslike veranderlikes slegs binne hul funksies herken word, kan veranderlikes met dieselfde naam in verskillende funksies gebruik word.
Plaaslike veranderlikes word geskep wanneer 'n funksie begin, en uitgevee wanneer die funksie voltooi is.