作用域(scope)

最新推荐文章于 2023-02-07 00:24:15 发布

韩子昕

最新推荐文章于 2023-02-07 00:24:15 发布

阅读量339

点赞数 2

文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_52139094/article/details/109476561

版权

本文介绍了JavaScript的作用域概念，包括全局作用域和函数作用域，并详细阐述了ES6引入的块级作用域。作用域决定了变量的可见性和生命周期，避免了命名冲突。作用域链和执行上下文是理解JavaScript作用域的关键，它们在代码执行的不同阶段起作用。文章还讨论了自由变量和作用域链的工作原理，以及作用域与执行上下文的区别。

摘要由CSDN通过智能技术生成

1. 什么是作用域

作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性

function outFun2() {
   
    var inVariable = "内层变量2";
}
outFun2();//要先执行这个函数，否则根本不知道里面是啥
console.log(inVariable); // Uncaught ReferenceError: inVariable is not defined

从上面的例子可以体会到作用域的概念，变量 inVariable 在全局作用域没有声明，所以在全局作用域下取值会报错。我们可以这样理解：作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突
ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来，为我们提供了‘块级作用域’,可通过新增命令 let 和 const 来体现。

2. 全局作用域和函数作用域

在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：

var outVariable = "我是最外层变量"; //最外层变量
function outFun() {
    //最外层函数
    var inVariable = "内层变量";
    function innerFun() {
    //内层函数
        console.log(inVariable);
    }
    innerFun();
}
console.log(outVariable); //我是最外层变量
outFun(); //内层变量
console.log(inVariable); //inVariable is not defined
innerFun(