网络

教育改变生活

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 943|回复: 0
打印 上一主题 下一主题

JavaScript 作用域

[复制链接]

445

主题

446

帖子

1811

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1811
跳转到指定楼层
楼主
发表于 2023-9-27 11:01:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
JavaScript 作用域

在 JavaScript 中, 对象和函数同样也是变量。
JavaScript , 作用域为可访问变量,对象,函数的集合。
JavaScript 函数作用域: 作用域在函数内修改。

JavaScript 局部作用域
变量在函数内声明,变量为局部变量,具有局部作用域。
局部变量:只能在函数内部访问。
实例
<body>
<p>局部变量在声明的函数外不可以访问。</p>
<pid="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML= "carName 的类型是:"+  typeof carName;
functionmyFunction()
{
    var carName = "Volvo";
}
</script>
</body>

运行结果
局部变量在声明的函数外不可以访问。
carName 的类型是:undefined

因为局部变量只作用于函数内,所以不同的函数可以使用相同名称的变量。
局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁。

JavaScript 全局变量
变量在函数外定义,即为全局变量。
全局变量有 全局作用域: 网页中所有脚本和函数均可使用。
实例
<body>
<p>全局变量在任何脚本和函数内均可访问。</p>
<pid="demo"></p>
<script>
varcarName = "Volvo";
myFunction();
functionmyFunction()
{
   document.getElementById("demo").innerHTML =
        "我可以显示 " +carName;
}
</script>
</body>
运行结果:
全局变量在任何脚本和函数内均可访问。
我可以显示 Volvo

如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。
以下实例中 carName 在函数内,但是为全局变量。
实例
// 此处可调用 carName 变量
function myFunction() {
carName = "Volvo";
// 此处可调用 carName 变量
}
运行结果:
如果你的变量没有声明,它将自动成为全局变量:
我可以显示 Volvo

JavaScript 变量生命周期
JavaScript 变量生命周期在它声明时初始化。
局部变量在函数执行完毕后销毁。
全局变量在页面关闭后销毁。

函数参数
函数参数只在函数内起作用,是局部变量。

HTML 中的全局变量
在 HTML 中, 全局变量是 window 对象,所以window 对象可以调用函数内的局部变量。
注意:所有数据变量都属于 window 对象。
实例
<body>
<p>
在 HTML 中, 所有全局变量都会成为window 变量。
</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
       "我可以显示 " + window.carName;
function myFunction()
{
    carName ="Volvo";
}
</script>
</body>
运行结果:
在 HTML 中, 所有全局变量都会成为 window 变量。
我可以显示 Volvo


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

WEB前端

QQ|手机版|小黑屋|金桨网|助学堂  咨询请联系站长。

GMT+8, 2025-5-11 13:16 , Processed in 0.033216 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表