一篇文章带你了解JavaScript作用域

前端进阶学习交流

共 2329字,需浏览 5分钟

 ·

2021-05-26 19:01

点击上方“前端进阶学习交流”,进行关注

回复“前端”即可获赠前端相关学习资料

杨家有女初长成,养在深闺人未识。

在JavaScript中,对象和函数也是变量。在JavaScript中,作用域是你可以访问的变量、对象和函数的集合。

JavaScript 有函数作用域: 这个作用域在函数内变化。

一、本地JavaScript变量

一个变量声明在JavaScript函数内部,成为函数的局部变量。

局部变量有局部作用域: 它们只能在函数中访问。

JS:

//code here can not use carName  <script>    reFunction();    document.getElementById("demo").innerHTML =    "carName的类型是 " + typeof carName;
function reFunction() { var carName = "Volvo"; }</script>

由于局部变量只在它们的函数中被识别,所以具有相同名称的变量可以在不同的函数中使用。

当函数启动时创建局部变量,当函数完成时删除。


二、全局JavaScript变量

函数外声明的变量, 成为全局变量。

全局变量具有全局作用域: 网页上的所有脚本和函数都可以访问它。

<script>    var carName = "Volvo"; //可以从任何脚本或函数访问全局变量    myFunction();
function myFunction() { document.getElementById("demo").innerHTML = "I can display " + carName; }</script>

自动全局

如果给未声明的变量赋值, 它会自动成为全局变量。

此代码示例将声明一个全局变量carName,即使赋的值是函数内部。

myFunction();
// code here can use carName
function myFunction() { carName = "Volvo";}

不要创建全局变量,除非你非常需要,在严格模式下 "Strict Mode"自动全局变量将失败。

三、在HTML中的全局变量

在JavaScript中,全局作用域是完整的JavaScript环境。

在HTML中,全局作用域是window对象。所有的全局变量都属于window对象。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>项目</title></head><body style="background-color: aqua;">
<p> 在HTML中,所有的全局变量将成为窗口window变量。 </p>
<p id="demo"></p>
<script> var carName = "Volvo";
// code here can use window.carName document.getElementById("demo").innerHTML = "I can display " + window.carName;</script>
</body></html>

全局变量(或函数)可以覆盖窗口变量(或函数). 任何函数,包括窗口对象,都可以覆盖全局变量和函数.

四、JavaScript 代码块作用域

表中是var,let和const之间的区别。

关键词范围可以重新分配可以重新声明
var函数作用域
let块作用域
const块作用域

用var关键字声明的变量不能具有块作用域,{}可以从块外部访问在块内部声明的变量:

{  var num = 50;  }  // num 能在这里使用

用let关键字声明的变量可以具有“块作用域”。

{}不能从块外部访问在块内部声明的变量:

{  let num = 50;  }  // num不能在这里使用

声明变量with const与let]涉及块作用域类似。

{  const num = 50;  }  // num不能在这里使用

常量的值不能通过重新分配而更改,也不能重新声明。

五、总结

本文基于JavaScript,介绍了了函数作用域和变量作用域。介绍了变量中全局变量的几种显示的方法,在HTML中的全局变量应该如何去表示。通过案例的讲解,让读者更好的去理解。

代码很简单, 希望能够帮助你学习。

------------------- End -------------------

往期精彩文章推荐:

欢迎大家点赞,留言,转发,转载,感谢大家的相伴与支持

想加入前端学习群请在后台回复【入群

万水千山总是情,点个【在看】行不行

浏览 33
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报