JavaScript関数

それが呼び出されたときに関数は、イベント駆動型または実行されるコードの再利用可能なブロックです。

例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick=" myFunction() ">Try it</button>
</body>
</html>

JavaScript関数のシンタックス

機能ブロックは、中括弧に包まれ、そして以前にキーワード機能を使用します。

functionfunctionname()
{
执行代码
}

関数が呼び出されると、関数内のコードを実行します。

イベントは（そのようなユーザーがボタンをクリックしたときのように）発生したときには、関数を直接呼び出すことができ、およびJavaScriptは、任意の位置に呼び出すことができます。

	JavaScriptは大文字と小文字が区別されます。キーワード機能は小文字でなければならず、関数を呼び出す場合と同じ名前で機能しなければなりません。

関数は、引数を指定して呼び出します

関数を呼び出すとき、あなたはそれに値を渡すことができ、これらの値は、引数と呼ばれます。

これらのパラメータは、関数で使用することができます。

カンマで区切られた任意の数のパラメータを、（、）を送信することができます。

myFunction(argument1,argument2)

あなたは、関数、変数の宣言などのパラメータを宣言する場合：

function myFunction( var1 , var2 )
{
代码
}

変数とパラメータが同じ順序で表示される必要があります。最初の変数は、というように最初に渡されたパラメータ与えられた値、およびです。

例

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>

<script>
function myFunction( name , job )
{
alert("Welcome " + name + ", the " + job );
}
</script>

»をお試しください

上記の機能ボタンは、プロンプト「ようこそハリー・ポッターウィザード」をクリックします。

機能は非常に柔軟で、この関数を呼び出すために、異なるパラメータを使用することができ、これは、異なるメッセージを与えます：

例

»をお試しください

あなたがクリック異なるボタンによると、上記の例では、「ようこそハリー・ポッターウィザード」または「ようこそボブ、ビルダー」を促すメッセージが表示されます。

関数がで値を返します。

時々、私たちは関数が呼び出し元の関数に値を返すようにしたいです。

returnステートメントを使用することによって達成することができます。

return文を使用する場合は、関数が実行を停止し、指定された値を返します。

文法

function myFunction()
{
var x=5;
return x;
}

上記の関数は、5の値を返します。

注：全体のJavaScriptが実行、単に機能を停止しません。 JavaScriptコードの実行は、関数が呼び出されたところから再開されます。

関数呼び出しは、値が置換返されます。

var myVar=myFunction();

myVarに変数の値は、それは、 "てmyFunction（）"関数によって返される値である、5です。

変数として保存していない場合は、戻り値を使用することができます。

document.getElementById("demo").innerHTML=myFunction();

innerHTMLの「デモ」の要素はつまり、関数によって返され、「（）てmyFunction」の値5になります。

あなたは、パラメータに基づいて、関数に渡された戻り値を行うことができます。

例

2つの数の積との結果を返します。

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

document.getElementById("demo").innerHTML=myFunction(4,3);

innerHTMLの「デモ」の要素は次のようになります。

»をお試しください

あなただけの機能を終了したい場合は、returnステートメントを使用してもよいです。戻り値はオプションです。

function myFunction(a,b)
{
	if (a>b)
	{
		return;
	}
	x=a+b
}

bよりも大きい場合には、上記のコードは、関数を終了し、aとbの合計を計算しません。

ローカルJavaScriptの変数

（VARを使って）関数内で宣言されたJavaScriptの変数はローカル変数なので、関数内でのみアクセスすることができます。（変数のスコープはローカルです）。

唯一の変数を識別するための変数の関数を宣言したので、あなたは、異なる機能に同じローカル変数名を使用することができます。

限り、関数が完了すると、ローカル変数は削除されます。

グローバルJavaScript変数

関数の外で宣言した変数は、ページ上のすべてのスクリプトや関数がアクセスできるグローバル変数です。

JavaScript変数の生存

彼らが開始するように宣言されている時間からJavaScript変数の生活。

関数が実行された後、ローカル変数は削除されます。

グローバル変数は、ページの終了後に削除されます。

宣言されていないJavaScriptの変数に値を割り当てます

あなたは変数に値を割り当てると、変数は自動的にグローバル変数として宣言され、宣言されていません。

この文：

carname="Volvo";

我々は、それが関数内で実行されている場合でも、グローバル変数carnameを宣言します。

前：JavaScriptのオブジェクト

次へ：JavaScriptの演算子

JavaScript コース

JS 関数

JS HTML DOM

JS 応用チュートリアル

JS ブラウザ BOM

JS 倉庫

JS 例

JS リファレンスマニュアル

JavaScript関数

例