[JavaScript チュートリアル] JavaScript のスコープ

JavaScript スコープ

スコープからアクセス可能な変数のコレクション。

JavaScript スコープ

JavaScript では、オブジェクトと関数も変数です。

JavaScript では、スコープはアクセス可能な変数、オブジェクト、関数のコレクションです。

JavaScript 関数のスコープ: スコープは関数内で変更されます。

JavaScript ローカル スコープ

変数は関数内で宣言され、変数はローカル スコープになります。

ローカル変数: 関数内でのみアクセスできます。

Instance

// ここでは carName 変数を呼び出すことはできません

function myFunction() {
var carName = "Volvo";

// carName 変数は関数内で呼び出すことができます

}

試してみましょう»

ローカル変数は関数内でのみ機能するため、異なる関数で同じ名前の変数を使用できます。

ローカル変数は関数の実行開始時に作成され、関数の実行後に自動的に破棄されます。

JavaScript グローバル変数

関数の外部で定義された変数はグローバル変数です。

グローバル変数にはグローバル スコープがあります。Web ページ内のすべてのスクリプトと関数を使用できます。

例

var carName = " Volvo";

// 此处可调用 carName 变量

function myFunction() {

    // 函数内可调用 carName 变量 

}

変数が関数内で (var キーワードを使用せずに) 宣言されていない場合、その変数はグローバル変数です。

次の例では、carName は関数内にありますが、グローバル変数です。

インスタンス

// 此处可调用 carName 变量

function myFunction() {
    carName = "Volvo";

    // 此处可调用 carName 变量

}

JavaScript変数のライフサイクル

JavaScript変数のライフサイクルは宣言時に初期化されます。

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

グローバル変数はページが閉じられると破棄されます。

関数パラメータ

関数パラメータは関数内でのみ機能し、ローカル変数です。

HTML のグローバル変数

HTML では、グローバル変数はウィンドウ オブジェクトです。すべてのデータ変数はウィンドウ オブジェクトに属します。

インスタンス

//此处可使用 window.carName

function myFunction() {
    carName = "Volvo";
}

ご存知でしたか?

グローバル変数または関数は、ウィンドウ オブジェクトの変数または関数をオーバーライドできます。

ウィンドウ オブジェクトを含むローカル変数は、グローバル変数や関数をオーバーライドできます。

上記は [JavaScript チュートリアル] の JavaScript スコープの内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。