JavaScript function-sats

Definition och användning

function-satsen deklarerar en funktion.

Deklarerade funktioner är "sparade för framtida användning" och kommer att köras vid ett senare tillfälle.

I JavaScript är funktioner objekt som både har egenskaper och metoder.

Funktioner kan också definieras som uttryck (se funktioner).

Läs vår JavaScript-tutorial för att lära dig allt du behöver veta om funktioner. Börja med kapitlen om JavaScript-funktioner och JavaScript-omfattning. För mer detaljerad information, läs våra tutorials om funktioner, argument, anrop och closures.

Tips:Använd return-satsen för att returnera värde från funktionen.

Exempel

Declarera en funktion och skriv ut "Hello World" i elementet med id="demo" när funktionen anropas:

function myFunction() { // Declarera funktion
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Anrop av funktion

Prova själv

Mer TIY-exempel finns längre ner på sidan.

Syntax

function functionName(parameters) {
  code to be executed
}

Argumentvärde

Argument Beskrivning
functionName Obligatoriskt. Bestäm namnet på funktionen, som kan "spara för framtida användning". Funktionsnamnet kan innehålla bokstäver, siffror, understreck och dollarsymboler (regler som för variabler).
parameters

Valfritt. Specificera ett antal noll eller flera parameternamn, separerade med kommatecken.

Funktionens argument är de namn som listas i funktionens definition.

Funktionens argument är de faktiska värden som funktionen får vid anrop. Inuti funktionen används argument som lokala variabler.

Kommentar:Om ett argument saknas vid anrop av funktionen, sätts värdet för det saknade argumentet till undefined.

Tekniska detaljer

JavaScript-version: ECMAScript 1

Mer exempel

Exempel

Returnera PI-värdet:

function myFunction() {
  return Math.PI;
}

Prova själv

Exempel

Returnera produkt av a och b:

function myFunction(a, b) {
  return a * b;
}

Prova själv

Exempel

Genom att använda funktioner kan du använda samma kod flera gånger med olika parametrar för att få olika resultat.

Konvertera Fahrenheit till Celsius:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

Prova själv

Exempel

Funktioner kan användas som variabler.

istället för:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Du kan använda:
text = "The temperature is " + toCelsius(32) + " Centigrade";

Prova själv

Exempel

JavaScript-funktioner har en inbyggd objekt som kallas arguments.

arguments.length egenskapen returnerar antalet argument som mottagits vid anrop av funktionen:

function myFunction(a, b) {
  return arguments.length;
}

Prova själv

Exempel

När du klickar på knappen anropas funktionen, som skriver ut "Hello World" i elementet med id="demo":

<button onclick="myFunction()">Klicka mig</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Prova själv

Exempel

JavaScript-funktioner kan också definieras med uttryck.

Funktionsexpressioner kan lagras i variabler:

var x = function (a, b) {return a * b};

Prova själv

Exempel

Efter att ha lagrat funktionsexpressionen i en variabel kan denna variabel användas som en funktion:

var x = function (a, b) {return a * b};
var z = x(4, 3);

Prova själv

Webbläsarstöd

Sats Chrome IE Firefox Safari Opera
function Stöd Stöd Stöd Stöd Stöd

Relaterade sidor

JavaScript教程：JavaScript-funktion

JavaScript教程：JavaScript-omfattning

JavaScript教程：JavaScript-funktion definiering

JavaScript教程：JavaScript-funktion argument

JavaScript教程：JavaScript-funktion anrop

JavaScript教程：JavaScript funktionella sluten

JavaScript referenshandbok:JavaScript return-sats