JavaScript Functies

JavaScript-functies zijn ontworpen om specifieke taken uit te voeren.

JavaScript-functies worden uitgevoerd wanneer ze worden aangeroepen door andere code.

voorbeeld

function myFunction(p1, p2) {
    return p1 * p2;              // Deze functie retourneert het product van p1 en p2
}

Probeer het zelf uit

JavaScript-functiesyntax

JavaScript-functies worden aangeroepen via function Wordt gedefinieerd met een keyword, gevolgd doorFunctienaamen haakjes ().

De naam van de functie kan letters, cijfers, onderstrepingstekens en dollarsymbolen bevatten (de regels zijn dezelfde als voor variabelennamen).

Rechte haken kunnen parameters bevatten, gescheiden door komma's:

(Parameter 1, Parameter 2, ...)

De code die door de functie wordt uitgevoerd, wordt geplaatst tussen haakjes:{}

function name(Parameter 1, Parameter 2, Parameter 3) {
    De code die moet worden uitgevoerd
}

Functieparameters (Function parameters)Zijn de namen die in de definitie van de functie worden opgegeven.

Functieparameters (Function arguments)Is de echte waarde die door de functie wordt ontvangen bij het aanroepen van de functieWaarde.

In een functie zijn de parameters lokale variabelen.

In andere programmeertalen komt een functie overeen met een procedure (Procedure) of subproces (Subroutine).

Functie aanroep

De code in de functie wordt uitgevoerd wanneer de functie wordt aangeroepen door andere code:

  • Wanneer een gebeurtenis optreedt (wanneer de gebruiker op de knop klikt)
  • Wanneer JavaScript-code wordt aangeroepen
  • Automatische (zelf-aanroepende)

Je zult in deze handleiding meer over functie-aanroepen leren.

De functie retourneert

Wanneer JavaScript bereikt return statement, de functie stopt met uitvoeren.

Als een functie wordt aangeroepen door een statement, zal JavaScript na het aanroepingsstatement de uitvoercode "terug" geven.

Functies berekenen meestalteruggegeven waardeDeze teruggegeven waarde wordt teruggegeven aan de oproeper:

voorbeeld

Bereken het product van twee getallen en retourneer het resultaat:

var x = myFunction(7, 8);        // De functie wordt aangeroepen, de teruggegeven waarde wordt toegewezen aan x
function myFunction(a, b) {
    return a * b;                // De functie retourneert het product van a en b
}

Het resultaat van x zal zijn:

56

Probeer het zelf uit

Waarom functies gebruiken?

Je kunt code hergebruiken: definiëer de code slechts een keer en gebruik het meerdere keren.

Je kunt dezelfde functie meerdere keren met verschillende parameters oproepen om verschillende resultaten te verkrijgen.

voorbeeld

Converteer Fahrenheit naar Celsius:

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

Probeer het zelf uit

() operatoren worden gebruikt om functies aan te roepen

Gebruik het bovenstaande voorbeeld om te zien dattoCelsius De verwijzing is naar het functieobject, terwijl toCelsius() De verwijzing is naar het resultaat van de functie.

voorbeeld

Het aanroepen van een functie zonder () retourneert de definitie van de functie:

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

Probeer het zelf uit

Gebruikte functie als variabelewaarde

Het gebruik van functies is consistent met variabelen, in alle soorten formules, toewijzingen en berekeningen.

voorbeeld

Gebruik variabelen om de waarde van een functie op te slaan:

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

Je kunt functies direct gebruiken als variabelewaarden:

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

Probeer het zelf uit

Je zult in deze handleiding meer over functies leren.

lokale variabelen

Variabelen die binnen een JavaScript-functie worden宣明，worden delokale variabelen.

lokale variabelen zijn alleen toegankelijk binnen de functie.

voorbeeld

// De code hier kan geen carName gebruiken
function myFunction() {
    var carName = "Volvo";
    // De code hier kan carName gebruiken
}
// De code hier kan geen carName gebruiken

Probeer het zelf uit

Omdat lokale variabelen alleen door hun functie worden herkend, kunnen dezelfde variabelennamen in verschillende functies worden gebruikt.

Lokale variabelen worden aangemaakt wanneer een functie begint en worden verwijderd wanneer de functie wordt voltooid.

boeken voor buiten de les

Meer over JavaScript FunctiesMeer over de kennis, lees de relevante inhoud in het JavaScript-avanceerd leerboek:

Overzicht van ECMAScript-functies
Deze sectie bespreekt het concept van functies, hoe ECMAScript functies declareert en aanroept, en hoe functies waarden kunnen retourneren.
ECMAScript arguments-object
Deze sectie introduceert het basisgebruik van dit object en bespreekt hoe u de length-eigenschap gebruikt om het aantal parameters van een functie te meten, evenals hoe u functies kan simuleren om overbeladen te worden.
ECMAScript Function-object (klasse)
Deze sectie bespreekt hoe u functies maakt met de Function-klasse en introduceert de eigenschappen en methoden van het Function-object.
ECMAScript-schatten (closure)
Deze sectie bespreekt het concept closure en toont u eenvoudige en iets complexere voorbeelden.