JavaScriptのスコープ
スコープからアクセス可能な変數(shù)のコレクション。
JavaScript スコープ
JavaScript では、オブジェクトと関數(shù)も変數(shù)です。
JavaScript では、スコープはアクセス可能な変數(shù)、オブジェクト、関數(shù)のコレクションです。
JavaScript 関數(shù)のスコープ: スコープは関數(shù)內(nèi)で変更されます。
JavaScript ローカル スコープ
変數(shù)は関數(shù)內(nèi)で宣言され、変數(shù)はローカル スコープです。
ローカル変數(shù): 関數(shù)內(nèi)でのみアクセスできます。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>局部變量在聲明的函數(shù)內(nèi)可以訪問。</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"我可以顯示 " + typeof carName;
function myFunction()
{
var carName = "Volvo";
}
</script>
</body>
</html>プログラムを?qū)g行して試してください
ローカル変數(shù)は関數(shù)內(nèi)でのみ機能するため、異なる関數(shù)で同じ名前の変數(shù)を使用できます。
ローカル変數(shù)は関數(shù)の実行開始時に作成され、関數(shù)の実行後に自動的に破棄されます。
JavaScript グローバル変數(shù)
関數(shù)の外で定義された変數(shù)はグローバル変數(shù)です。
グローバル変數(shù)にはグローバル スコープがあります。Web ページ內(nèi)のすべてのスクリプトと関數(shù)を使用できます。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>全局變量在任何腳本和函數(shù)內(nèi)均可訪問。</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
myFunction();
function myFunction()
{
document.getElementById("demo").innerHTML =
"我可以顯示 " + carName;
}
</script>
</body>
</html>プログラムを?qū)g行して試してください
関數(shù)內(nèi)で変數(shù)が宣言されていない場合 (var キーワードを使用せず)、変數(shù)はグローバル変數(shù)です。
次の例では、carName は関數(shù)內(nèi)にありますが、グローバル変數(shù)です。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>
如果你的變量沒有聲明，它將自動成為全局變量：
</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"我可以顯示 " + carName;
function myFunction()
{
carName = "Volvo";
}
</script>
</body>
</html>プログラムを?qū)g行して試してみましょう
HTMLのグローバル変數(shù)
HTMLでは、グローバル変數(shù)はウィンドウオブジェクトです: すべてのデータ変數(shù)はウィンドウオブジェクトに屬します。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>
在 HTML 中, 所有全局變量都會成為 window 變量。
</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"我可以顯示 " + window.carName;
function myFunction()
{
carName = "Volvo";
}
</script>
</body>
</html>プログラムを?qū)g行して試してみましょう
