最新のWeb開発のチュートリアル
 

JavaScript機能ステートメント

<JavaScriptステートメントリファレンス

機能および出力宣言"Hello World"関数が呼び出されたときに、ID =「デモ」を持つ要素に:

function myFunction() { // Declare a function
    document.getElementById("demo").innerHTML = "Hello World!";
}
 
myFunction(); // Call the function
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

functionステートメントは、関数を宣言します。

宣言された関数をされ"saved for later use"し、それが呼び出されたときに、後に実行されます(called)

JavaScriptでは、関数はオブジェクトであり、それらはプロパティとメソッドの両方を持っています。

関数は、(参照表現を使用して定義することができる関数定義を )。

あなたが機能を知るために必要なすべてを学ぶために私達のJavaScriptのチュートリアルをお読みください。 導入の章で始まるJavaScript関数JavaScriptのスコープ 。 より詳細な情報については、上の私達の機能セクションを参照関数定義パラメータ呼び出しクロージャを

ヒント:使用戻り関数から値を返すように声明を。


ブラウザのサポート

ステートメント
function はい はい はい はい はい

構文

function パラメータ値
パラメーター 説明
functionName 必須。 可能な関数の名前を指定し"saved for later use" 。 関数名は文字、数字、アンダースコア、およびドル記号含めることができます(same rules as variables)
parameters 任意。 カンマで区切られたゼロ以上のパラメータ名のセットを、指定します。

関数のパラメータは、関数定義に記載されている名前です。

関数の引数は、それが呼び出される関数で受信された実際の値です。 関数内での引数はローカル変数として使用されています。

注意:機能が欠落している引数で呼び出された場合、不足している引数の値はundefinedに設定されています

技術的な詳細

JavaScriptのバージョン: 1.0

例

その他の例

PIの値を返します:

function myFunction() {
    return Math.PI;
}

結果は次のようになります。

3.141592653589793
»それを自分で試してみてください

aとbの積を返します:

function myFunction(a, b) {
    return a * b;
}
»それを自分で試してみてください

機能を使用すると、異なる結果を生成するために、異なる引数で同じコードを何度も使用することができます。

摂氏華氏を変換します。

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
»それを自分で試してみてください

関数は変数として使用することができます。

の代わりに:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

あなたは使用することができます。

text = "The temperature is " + toCelsius(32) + " Centigrade";
»それを自分で試してみてください

JavaScriptの機能が内蔵されているオブジェクトargumentsオブジェクトと呼ばれます。

関数が呼び出されたときのarguments.lengthプロパティは、受け取った引数の数を返します。

function myFunction(a, b) {
    return arguments.length;
}
»それを自分で試してみてください

これが出力されます、関数を呼び出すボタンをクリックして"Hello World" ID =「デモ」を持つ要素で:

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Hello World";
}
</script>
»それを自分で試してみてください

JavaScript関数は、式を使用して定義することができます。

関数式は、変数に格納することができます。

var x = function (a, b) {return a * b};
»それを自分で試してみてください

関数式は、変数に格納された後、変数が関数として使用することができます。

var x = function (a, b) {return a * b};
var z = x(4, 3);
»それを自分で試してみてください

関連ページ

JavaScriptのチュートリアル: JavaScript関数

JavaScriptのチュートリアル: JavaScriptのスコープ

JavaScriptのチュートリアル: JavaScriptの関数定義

JavaScriptのチュートリアル: JavaScript関数のパラメータ

JavaScriptのチュートリアル: JavaScriptの関数呼び出し

JavaScriptのチュートリアル: JavaScript関数クロージャ

JavaScriptのリファレンス: JavaScriptのreturn文


<JavaScriptステートメントリファレンス