Skop JavaScript
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中文網(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>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中文網(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>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中文網(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>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中文網(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>Jalankan program dan cuba
