ホームページ > 記事 > ウェブフロントエンド > JavaScript 関数の簡単な紹介
JavaScript 関数の簡単な紹介
- 青灯夜游オリジナル
- 2018-09-14 09:21:481312ブラウズ
この章では、誰もが JavaScript 関数を予備的に理解できるように、JavaScript 関数について簡単に紹介します。困っている友人は参考にしていただければ幸いです。
JavaScript 関数とは何ですか?
JavaScript では、関数はプログラムによって自由に操作できるオブジェクトであり、関数をネストして他の関数内に定義できるため、その関数が含まれるスコープ内で関数にアクセスできます。任意の変数を定義します。
関数は、呼び出されたときに実行されるイベント駆動型または再利用可能なコードのブロックです。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 函数</title>
</head>
<body>
<!-- 当按钮被点击之后 -->
<button onclick="MyFunction()">点一下</button>
</body>
<script type="text/javascript">
function MyFunction() {
alert("么么哒");
}
</script>
</html>JavaScript 関数の構文
関数は、中括弧で囲まれたコードのブロックであり、その前にキーワード function:
function myFunction(){
//执行代码
}
//当调用该函数时，会执行函数内的代码
//可以在某事件发生时直接调用函数（比如当用户点击按钮时）并且可有JavaScript在任何位置进行调用。 が続きます。 JavaScript は大文字と小文字を区別し、キーワード関数は小文字にする必要があり、関数は関数名と同じ大文字と小文字を使用して呼び出す必要があります。
関数本体にステートメントが 1 つしか含まれていない場合でも、関数内の中括弧は必要です。
パラメータを使用した関数の呼び出し
関数を呼び出すときは、パラメータと呼ばれる値を渡すことができます。これらのパラメータは関数で使用できます。
英語ではカンマで区切って関数をいくつでも渡すことができます:
myFunction(num1,num2,num3)
関数を宣言するときは、パラメータを変数として宣言します:
function myFunction(var1,var2){
//代码
}変数とパラメータは次のように指定する必要があります。一貫性のあるものは、最初の変数が最初に渡されたパラメータの指定された値である順序で表示されます。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="myFunction(1,2)">试一试</button>
</body>
<script type="text/javascript">
function myFunction(num1, num2) {
alert(num1 + num2);
}
</script>
</html>ボタンがクリックされた後、上記の関数が呼び出されます。表示効果は次のとおりです。
戻り値を持つ関数
処理されたデータを Where に返す関数が必要になる場合があります。これが呼び出された場合は、return ステートメントを通じて実行できます。
return ステートメントを使用すると、関数は実行を停止し、指定された値を返します。
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
</script>上記の関数は x 9 の値を返します;
注: JavaScript 全体は実行を停止せず、関数のみが関数のあった場所からコードを実行し続けます。と呼ばれた。
関数呼び出しは戻り値に置き換えられます。
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
var aa=myFunction();
</script>aa の値は 9、つまり関数 "myFunction()" の戻り値です。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="myFunction(1,2)">试一试</button>
<p id="demo"></p>
</body>
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
var aa=myFunction();
document.getElementById("demo").innerHTML=myFunction();
</script>
</html>上記のコードは、ID によって要素を選択し、関数 myFunction の戻り値を書き込みます。
関数を起動する場合は、return ステートメントを使用することもできます。戻り値はオプションです。か否か。
<script type="text/javascript">
function myFunction(a,b) {
if (a>b) {
return;
}
x=a+b;
}
</script>上記のコードは、a が b より大きい場合に関数をプッシュします。 ab の合計は計算されません。
ローカル JavaScript 変数
JavaScript 関数内で宣言された変数 (var を使用) はローカル変数であるため、関数内でのみアクセスできます。 。 (この変数のスコープは関数であり、ローカルであるとも言えます)。
同じ変数名を異なる関数で使用できます。変数を宣言する関数だけが変数を認識できるためです。関数の実行が終了すると、ローカル変数はすぐに削除されます。
ローカル変数は同じ名前のグローバル変数よりも優先されるため、ローカル変数は同じ名前のグローバル変数を隠します。
グローバル JavaScript 変数
関数の外で宣言された変数はグローバル変数であり、Web ページ上のすべてのスクリプトおよび関数からアクセスできます。
#JavaScript 変数の有効期間
JavaScript 変数の有効期間は、宣言されたときに始まります。 ローカル変数は関数の実行後に削除されます。 グローバル変数はページを閉じると削除されます。未宣言の JavaScript 変数への値の代入
未宣言の変数に値を代入すると、その変数は自動的にグローバル変数ステートメント。以上がJavaScript 関数の簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。