Himpunan pembolehubah boleh diakses skop.
Skop JavaScript
Dalam JavaScript, objek dan fungsi juga pembolehubah.
Dalam JavaScript, skop ialah koleksi pembolehubah, objek dan fungsi yang boleh diakses.
Skop fungsi JavaScript: Skop diubah suai dalam fungsi.
Skop tempatan JavaScript
Pembolehubah diisytiharkan dalam fungsi dan mempunyai skop setempat.
Pembolehubah setempat: hanya boleh diakses di dalam fungsi.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>局部变量在声明的函数内可以访问。</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"我可以显示 " + typeof carName;
function myFunction()
{
var carName = "Volvo";
}
</script>
</body>
</html>Jalankan atur cara dan cuba
Oleh kerana pembolehubah tempatan hanya bertindak dalam fungsi, ia adalah berbeza Fungsi boleh menggunakan pembolehubah dengan nama yang sama.
Pembolehubah setempat dicipta apabila fungsi mula dilaksanakan, dan ia akan dimusnahkan secara automatik selepas fungsi tersebut dilaksanakan.
Pembolehubah global JavaScript
Pembolehubah yang ditakrifkan di luar fungsi ialah pembolehubah global.
Pembolehubah global mempunyai skop global: semua skrip dan fungsi dalam halaman web boleh digunakan.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>全局变量在任何脚本和函数内均可访问。</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
myFunction();
function myFunction()
{
document.getElementById("demo").innerHTML =
"我可以显示 " + carName;
}
</script>
</body>
</html>Jalankan atur cara dan cuba
Jika pembolehubah tidak diisytiharkan di dalam fungsi (tanpa menggunakan kata kunci var), pembolehubah ini ialah pembolehubah global.
Dalam contoh berikut, carName berada dalam fungsi, tetapi merupakan pembolehubah global.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(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>Jalankan program untuk mencubanya
Pembolehubah global dalam HTML
Dalam HTML, pembolehubah global ialah objek tetingkap: semua pembolehubah data tergolong dalam objek tetingkap.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(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>Jalankan program dan cuba
bahagian seterusnya