JavaScript-funksie
Voorbeeld
Verklaar 'n funksie wat "Hallo Wêreld" uitvoer wanneer dit genoem word:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Meer voorbeelde hieronder.
Definisie en gebruik
Die function
stelling verklaar 'n funksie.
'n Verklaarde funksie word "gestoor vir latere gebruik", en sal later uitgevoer word, wanneer dit opgeroep (opgeroep) word.
In JavaScript is funksies objekte, en hulle het beide eienskappe en metodes.
'n Funksie kan ook gedefinieer word deur 'n uitdrukking te gebruik (Sien Funksiedefinisies ).
Lees ons JavaScript-tutoriaal om alles te leer wat jy oor funksies moet weet. Begin met die inleidingshoofstuk oor JavaScript-funksies en JavaScript-omvang . Vir meer gedetailleerde inligting, sien ons funksie afdeling oor funksie definisies , parameters , aanroep en sluitings .
Sien ook:
Sintaksis
function functionName(parameters) {
code to be executed
}
Grense
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
Meer voorbeelde
Gee die waarde van PI terug:
function myFunction() {
return Math.PI;
}
Gee die produk van a en b terug:
function myFunction(a, b) {
return a * b;
}
'n Funksie met verskillende argumente kan verskillende resultate lewer.
Skakel Fahrenheit na Celsius om:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
Funksies kan as veranderlikes gebruik word.
In plaas van:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Jy kan gebruik:
text = "The temperature is " + toCelsius(32) + " Centigrade";
JavaScript-funksies het 'n ingeboude voorwerp genaamd argumente.
Die arguments.length-eienskap gee die aantal argumente terug wat deur die funksie ontvang is:
function myFunction(a, b) {
return arguments.length;
}
Klik om 'n funksie te roep wat "Hallo Wêreld" uitvoer:
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Wanneer 'n funksie-uitdrukking in 'n veranderlike gestoor word, bevat die veranderlike 'n funksie:
const x = function (a, b) {return a * b};
Wanneer 'n funksie in 'n veranderlike gestoor word, kan die veranderlike as 'n funksie gebruik word:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Verwante bladsye
JavaScript-tutoriaal: JavaScript-funksies
JavaScript-tutoriaal: JavaScript-omvang
JavaScript-tutoriaal: JavaScript-funksiedefinisies
JavaScript-tutoriaal: JavaScript-funksieparameters
JavaScript-tutoriaal: JavaScript-funksie-aanroep
JavaScript-tutoriaal: JavaScript-funksiesluitings
JavaScript-verwysing: JavaScript-terugsendingverklaring
Blaaierondersteuning
function
is 'n ECMAScript1 (ES1) kenmerk.
ES1 (JavaScript 1997) word ten volle ondersteun in alle blaaiers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |