登录
首页 >  文章 >  前端

JavaScript 闭包:函数执行完毕后,变量为何还能被访问?

时间:2024-10-28 12:51:47 303浏览 收藏

本篇文章向大家介绍《JavaScript 闭包:函数执行完毕后,变量为何还能被访问?》,主要包括,具有一定的参考价值,需要的朋友可以参考一下。

JavaScript 闭包:函数执行完毕后,变量为何还能被访问?

闭包:变量生命周期的奥秘

众所周知,当 javascript 函数执行完毕后,它的变量就会被销毁。然而,闭包却打破了这一规律,它允许函数可以访问其他函数内部的变量,即使这些函数已经执行完毕。

案例解析

考虑以下代码:

function fn() {
  var num = 3;
  return function() {
      var n = 0;
      n++;
      num++;
      console.log('n=' + n);
      console.log('num=' + num);
  }
}

var fn1 = fn();
fn1(); // 1 4
console.log("------");
fn1(); // 1 5

在这个例子中,函数 fn 创建了一个局部变量 num。当 fn 执行完毕后,它的作用域链会被销毁,但由于闭包的特性,num 仍然可以被 fn1 访问。第二次调用 fn1 时,num 累加到了 5,但 n 始终为 0。

变量保留的机制

变量 num 能够保留下来,是因为它被闭包作用域保护着。闭包是一个新的作用域链,它将外部作用域链(fn 的作用域链)作为自己的父作用域链。因此,fn1 可以访问 fn 的变量,即使 fn 已经执行完毕。

反观变量 n,每次调用 fn1 都会创建一个新的局部作用域,n 在每次调用中都会被重新赋值为 0。

总结

闭包通过将变量保留在内存中,让函数可以访问其他函数内部的变量。这种特性在 javascript 中非常有用,它可以帮助我们创建动态且可复用的代码。

今天关于《JavaScript 闭包:函数执行完毕后,变量为何还能被访问?》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>