JavaScript funktion

JavaScript funktioner er designet til at udføre specifikke opgaver som kodeblokke.

JavaScript funktioner udføres, når de kaldes af nogen kode.

eksempel

function myFunction(p1, p2) {
    return p1 * p2;              // Denne funktion returnerer produktet af p1 og p2
}

Prøv det selv

JavaScript funktionssyntaks

JavaScript funktioner defineres gennem function defineres med nøgleord, efterfulgt afFunktionens navnog parentes ()

Funktionens navn kan indeholde bogstaver, tal, understreg og dollarsymbol (reglerne er de samme som for variabler).

Cirkulære parentes kan indeholde parametre adskilt af kommaer:

(Parameter 1, Parameter 2, ...)

Koden, der udføres af funktionen, placeres inden for klammer:{}

function name(Parameter 1, Parameter 2, Parameter 3) {
    Koden, der skal udføres
}

Funktion parameters (Function parameters)Er de navne, der er nævnt i funktionens definition.

Funktion arguments (Function arguments)Er den faktiske værdi, der modtages af funktionen ved opkald af funktionen:Værdi。

I funktioner er parametre lokale variabler.

I andre programmeringssprog er funktioner næsten ligesom procedurer eller underprogrammer (Subroutine).

Funktion kald

Koden i funktionen vil blive udført, når den kalder funktionen:

  • Når et hændelse sker (når brugeren klikker på en knap)
  • Når JavaScript-koden kaldes
  • Automatiske (selvkalde)

Du vil lære mere om funktion kald i denne vejledning.

Funktionen returnerer

Når JavaScript når return sætning, funktionen stopper med at udføre.

Hvis en funktion kaldes af en sætning, vil JavaScript "returnere" udførelseskoden efter kaldesætningen.

Funktioner beregner ofteReturværdiDenne returværdi returneres til kalderen:

eksempel

Beregn produktet af to tal og returner resultatet:

var x = myFunction(7, 8);        // Kald funktionen, og tildel returværdien til x
function myFunction(a, b) {
    return a * b;                // Funktionen returnerer produktet af a og b
}

x's resultat vil være:

56

Prøv det selv

Hvorfor bruge funktioner?

Du kan genbruge kode: Definer kun kode én gang, og brug den derefter flere gange.

Du kan flere gange sende forskellige parametre til samme funktion for at få forskellige resultater.

eksempel

Konverter Fahrenheit til Celsius:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

Prøv det selv

() operatoren kalder funktionen

Brug af ovenstående eksempel,toCelsius Det refererer til funktionens objekt, mens toCelsius() Det refererer til funktionens resultat.

eksempel

At tilgå en funktion uden () returnerer funktionens definition:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Prøv det selv

Funktioner som variabelværdier

Funktioners brugsmåde er ens med variabler, i alle typer af formler, tildeling og beregninger.

eksempel

Brug variabler til at gemme funktionens værdi:

var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

Du kan bruge funktioner som variabelværdier direkte:

var text = "The temperature is " + toCelsius(77) + " Celsius";

Prøv det selv

Du vil lære mere om funktioner i denne vejledning.

lokale variabler

variabler deklarerede i en JavaScript-funktion, bliver funktionenslokale variabler。

lokale variabler kan kun tilgås inden for funktionen.

eksempel

// Koden her kan ikke bruge carName
function myFunction() {
    var carName = "Volvo";
    // Koden her kan bruge carName
}
// Koden her kan ikke bruge carName

Prøv det selv

Da lokale variabler kun kan genkendes af deres funktion, kan man bruge samme navn på variabler i forskellige funktioner.

Lokale variabler oprettes ved funktionens start og slettes ved funktionens afslutning.

ekstrabøger

for mere information om JavaScript funktionFor at lære mere om

ECMAScript funktionsoversigt
Dette afsnit forklarer konceptet funktion, hvordan ECMAScript deklarerer og kalder funktioner, samt hvordan funktioner returnerer værdier.
ECMAScript arguments objekt
Dette afsnit introducerer det grundlæggende brug af dette objekt og forklarer, hvordan man bruger length-egenskaben til at bestemme antallet af funktionens parametre samt simulere funktionsoverloading.
ECMAScript Function objekt (klasse)
Dette afsnit forklarer, hvordan man bruger Function-klasse til at oprette funktioner og introducerer egenskaberne og metoderne for Function-objektet.
ECMAScript lukning (closure)
Dette afsnit forklarer konceptet lukning (closure) og viser to eksempler, en simpel og en mere kompleks.