JavaScript中的作用域和闭包

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中的作用域和闭包，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1480字，纯文字阅读大概需要3分钟。

内容图文

作用域是什么

作用域：是代码中定义变量的区域。它规定了哪些区域存储了变量，以及如何去查找这些变量。比如说，下面这段代码，在输出a的时候，会在函数foo的作用域中去查找a的值，然后输出。

function foo() {
    var a = 1;
    console.log(a); // 1
}

词法作用域和动态作用域

作用域分为词法作用域和动态作用域。

• 词法作用域
  词法作用域：在函数的定义时，函数作用域就已经确定了。JavaScript中使用的就是词法作用域。
• 动态作用域
  动态作用域：函数的作用域是在运行时确定的。看个简单的栗子：

function foo() {
    console.log( a ); // 词法作用域输出的是 2，动态作用域输出的是 3
}
function bar() {
    var a = 3;
    foo();
}
var a = 2;
bar();

作用域链

先看段代码：

在全局作用域中：有 foo ;
在函数作用域 1 中：有 a、b、bar ;
在函数作用域 2 中：有 a、b、c ;
运行时，引擎会从当前变量引用处的作用域，一层一层向上查找变量。比如说，上面这段代码，引擎在执行console.log()时，首先在函数作用域 2 （bar）中查找变量a、b、c的值，在当前作用域中，没有发现a的值，会从上一层作用域（foo）中查找a的值，在这里找到了a的值，然后就使用了a的值。变量b和c同理，也是一层一层向上查找，直到找到全局作用域为止。一旦找到第一个匹配，作用域查询就停止了。

闭包

闭包：有权访问另一个函数作用域内变量的函数；

function foo() {
    let a = 2
}

先看这段代码，在函数foo的作用域中有个变量a = 2，如果有个函数bar能够访问函数foo中的变量a，那函数bar就是个闭包。说的简单，怎么才能让函数bar能够访问到函数foo 中的变量a呢。确实很简单，在函数foo中我们返回一个函数，这个函数引用了变量a就可以了。

function foo() {
  let a = 2
  return () => {
    console.log(a)
  }
}
const bar = foo()
bar() // 2，bar是个闭包

内容总结

以上是互联网集市为您收集整理的JavaScript中的作用域和闭包全部内容，希望文章能够帮你解决JavaScript中的作用域和闭包所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端