JavaScriptのローカル変数とは何ですか-フロントエンドQ&A-php.cn

JavaScriptのローカル変数とは何ですか

青灯夜游

リリース： 2022-03-01 13:49:41

オリジナル

2280 人が閲覧しました

JavaScript では、ローカル変数は、関数本体内で宣言された変数、または関数の名前付きパラメーターです。ローカル変数にはローカルスコープがあります。つまり、ローカル変数は、ローカル変数が定義されている関数内でのみ使用できます。ローカル変数は関数内で定義されるため、同じ名前の変数を異なる関数で使用できます。

JavaScriptのローカル変数とは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

ローカル変数は、関数本体または関数の名前付きパラメーター内で宣言された変数です。 これらにはローカルスコープがあります。つまり、定義されている関数内でのみ使用できます。ローカル変数は関数内で定義されるため、同じ名前の変数を異なる関数で使用できます。

var は変数のプロモーションをサポートしているため、var 変数のグローバルスコープはページ全体のスクリプトコードに対して有効ですが、let と const は変数のプロモーションをサポートしていないため、let 変数と const 変数のグローバルスコープはページ全体の宣言文の先頭からスクリプトコードの末尾までの全領域と、宣言文より前の領域は無効となるスクリプトコードを指します。

同様に、var は変数のプロモーションをサポートしていますが、let と const は変数のプロモーションをサポートしていないため、var を使用して宣言されたローカル変数は関数全体で有効ですが、let と const を使用して宣言されたローカル変数は関数の先頭から有効です。宣言文から関数の末尾までが有効となります。ローカル変数とグローバル変数が同じ名前である場合、関数スコープ内ではローカル変数がグローバル変数を上書きする、つまり、ローカル変数は関数本体内で機能しますが、関数本体外では機能することに注意してください。グローバル変数は機能し、ローカル変数も機能します。変数は無効であり、ローカル変数を参照すると構文エラーが発生します。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>

	<body> 
    <center> 
        <p>在myfunction()之外没有定义petName。</p> 
  
        <p id="demo1"></p> 
  
        <p id="demo2"></p> 
  
        <script> 
            myfunction(); 
  
            function myfunction() { 
                var petName = "Sizzer"; // local variabl 
                document.getElementById("demo1").innerHTML = "myfunction()函数内："+
                    typeof petName + " " + petName; 
            } 
  
            document.getElementById("demo2").innerHTML = "myfunction()函数外："+
                typeof petName; 
        </script> 
  </center> 
</body> 
</html>

ログイン後にコピー

出力:

JavaScriptのローカル変数とは何ですか