JavaScript関數(shù)

関數(shù)とは何ですか?

関數(shù)は、再利用可能なコードブロックのセットです。JavaScript では、関數(shù)はイベント駆動型であるか、他のコードによって呼び出されます。

関數(shù)はJavaScript言語の中核の一つで、その基本的な構(gòu)文は次のとおりです:

function functionName(arg0, arg1, ...) {
文
}

構(gòu)文の説明

関數(shù)を使用します。関數(shù)を定義するためのキーワード

function キーワードの後に??スペースが続き、その後に関數(shù)名が続きます。arg0 と arg1 は関數(shù)のパラメータを表します。パラメータは "," で區(qū)切られます。パラメーターの數(shù)は 0 ～ 25 です (0 はパラメーターがないことを意味します)。パラメータがない場合、() 括弧は省略できません。25 を超えるパラメータは JavaScript によって無視されます

{} は関數(shù)本體であり、関數(shù)によって実裝される関數(shù)文が含まれます

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
<script type="text/javascript">
function hello(name){
    document.write(name + "，你好！");
}
</script>
</head>
<body>
  <input type="button" onclick="hello('小明')" value="確定" />
</body>
</html>

JavaScript 関數(shù)の名前付け一般に、関數(shù)名にはキャメルケースの名前を使用することをお勧めします。関數(shù)名は、関數(shù)または関數(shù)の特性を大まかに説明できます。キャメルケース方式とは、最初の文字が小文字で、他の単語の最初の文字が大文字になることを意味します。関數(shù)名の例をいくつか示します。 ...

}

多くの人は、change_name などの関數(shù)名の単語を區(qū)切るためにアンダースコアを使用します。これも可能であり、実際の実裝は特定のプロジェクト仕様に基づいて行うことができます。

特に、関數(shù) (_getName など) の前に _ 記號を追加することは、クラス (オブジェクト) のプライベートメソッドを表すために一般的に使用されます。

JavaScript関數(shù)內(nèi)の変數(shù)

変數(shù)が関數(shù)本體內(nèi)で宣言されている場合、その関數(shù)內(nèi)でのみアクセスできます。こうすることで、異なる関數(shù)內(nèi)で同じ名前の変數(shù)を使用できます。

関數(shù)の外で変數(shù)を宣言すると、Web ページ上のすべての関數(shù)がその変數(shù)にアクセスできます。

JavaScript関數(shù)のパラメータ

JavaScript 関數(shù)にはパラメーターを含めることはできません (ただし、パラメーターを含む括弧は省略できません)。関數(shù)で使用するためにパラメーターを関數(shù)に渡すこともできます。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
<script type="text/javascript">
function hello(name,age){
    document.write("我叫" + name + "，今年" + age + "歲！");
}
</script>
</head>
<body>
  <input type="button" onclick="hello('小明',18)" value="確定" />
</body>
</html>

この例を?qū)g行し、[OK] ボタンをクリックすると、出力は次のようになります:

私の名前は Xiao Ming、18 歳です。

上記の例に示すように、渡された値が文字列の場合は引用符が必要ですが、渡された値が數(shù)値の場合は引用符は必要ありません。

JavaScript 関數(shù)のパラメーターエラー

JavaScript 関數(shù)のパラメーターでは、どのパラメーターが必須パラメーターであり、どのパラメーターがオプションのパラメーターであるかが厳密に要求されていないため、渡されるパラメーターの數(shù)は、定義時のパラメーターの數(shù)と等しくありません。カウント機(jī)能。

未定義のパラメーターが関數(shù)で使用されている場合、構(gòu)文エラー (未定義のパラメーター) が表示され、JavaScript コードが正常に実行されません。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
<script type="text/javascript">
function hello(name,age){
    document.write("我叫" + name + "，今年" + age + "歲！");
}
</script>
</head>
<body>
  <input type="button" onclick="hello('小明')" value="確定" />
</body>
</html>

例を?qū)g行し、[OK] ボタンをクリックすると、出力は次のようになります:

私の名前は Xiao Ming です。今年は未定です。

JavaScript 関數(shù) return

JavaScript 関數(shù)の return ステートメントは、関數(shù)から返される値を指定するために使用されます。関數(shù)の実行時に実行結(jié)果を取得するには、return ステートメントを使用して結(jié)果を返す必要があります。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
<script type="text/javascript">
function sum(x,y){
    return x+y;
}
result = sum(2,3);
document.write( result );
</script>
</head>
<body>
</body>
</html>

この出力例を?qū)g行します: 5

戻り値のないReturnステートメント

関數(shù)に戻り値がない場合は、パラメーターなしでreturn演算子を呼び出し、いつでも関數(shù)を終了できます:

ローカル JavaScript 変數(shù)

JavaScript 関數(shù)內(nèi)で宣言された変數(shù) (var を使用) はローカル変數(shù)であるため、関數(shù)內(nèi)でのみアクセスできます。 (この変數(shù)のスコープはローカルです)。

変數(shù)が宣言されている関數(shù)のみが変數(shù)を認(rèn)識するため、異なる関數(shù)で同じ名前のローカル変數(shù)を使用できます。

関數(shù)の実行が完了すると、ローカル変數(shù)はすぐに削除されます。

グローバル JavaScript 変數(shù)

関數(shù)の外で宣言された変數(shù)はグローバル変數(shù)であり、Web ページ上のすべてのスクリプトと関數(shù)からアクセスできます。

JavaScript変數(shù)の有効期間

JavaScript変數(shù)の有効期間は、宣言された時點から始まります。

ローカル変數(shù)は関數(shù)の実行後に削除されます。

グローバル変數(shù)はページを閉じると削除されます。

宣言されていないJavaScript変數(shù)への値の代入

まだ宣言されていない変數(shù)に値を代入すると、その変數(shù)は自動的にグローバル変數(shù)として宣言されます。

このステートメント:

carname="Volvo";

は、関數(shù)內(nèi)で実行された場合でも、グローバル変數(shù) carname を宣言します。

學(xué)び続ける

||

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> function hello(name,age){ document.write("我叫" + name + "，今年" + age + "歲！"); } </script> </head> <body> <input type="button" onclick="hello('小明',18)" value="確定" /> </body> </html>

提出するリセットコード
自動運転