JavaScript関数

関数とは何ですか?

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

関数はJavaScript言語の中核の一つで、その基本的な構文は次のとおりです:

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

構文の説明

関数を使用します。関数を定義するためのキーワード

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

{} は関数本体であり、関数によって実装される関数文が含まれます

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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 関数の名前付け一般に、関数名にはキャメルケースの名前を使用することをお勧めします。関数名は、関数または関数の特性を大まかに説明できます。キャメルケース方式とは、最初の文字が小文字で、他の単語の最初の文字が大文字になることを意味します。関数名の例をいくつか示します。 ...

}

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

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

JavaScript関数内の変数

変数が関数本体内で宣言されている場合、その関数内でのみアクセスできます。こうすることで、異なる関数内で同じ名前の変数を使用できます。

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

JavaScript関数のパラメータ

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>

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

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

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

JavaScript 関数のパラメーターエラー

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

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>

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

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

JavaScript 関数 return

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>

この出力例を実行します: 5

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

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

ローカル JavaScript 変数

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

変数が宣言されている関数のみが変数を認識するため、異なる関数で同じ名前のローカル変数を使用できます。

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

グローバル JavaScript 変数

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

JavaScript変数の有効期間

JavaScript変数の有効期間は、宣言された時点から始まります。

ローカル変数は関数の実行後に削除されます。

グローバル変数はページを閉じると削除されます。

宣言されていないJavaScript変数への値の代入

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

このステートメント:

carname="Volvo";

は、関数内で実行された場合でも、グローバル変数 carname を宣言します。

学び続ける

||

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>

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