js的闭包使用详解

PHP中文网 • 2025年3月8日 15:48:50 • 编程技术 • 阅读 2

这次给大家带来js的闭包使用详解，js闭包使用的注意事项有哪些，下面就是实战案例，一起来看一下。

闭包

按中文的意思就是关上一个包的意思。如果我们把函数的作用域当做是一个包的话，那这个词很形象体现了它的作用。函数的正常的执行流程是当函数中的语句执行完后，程序会自动销毁这个函数的作用域，但是当一个函数中声明了另一个函数，并且这个子函数执行时存在引用父函数的变量，就会形成闭包，形象点说就相当于把父函数的作用域给关闭了起来，不让程序去销毁它。

例如：

function a() {  var name = "xuxu";  function b() {    console.log(name);  }  // 此处产生闭包   b();} a();

登录后复制

当函数可以记住并访问它所在的作用域链时，就产生了闭包当然，大部分的闭包都不是这么直观的，因为子函数的调用是可以在父函数之外的，例如：

function a() {  var name = "xuxu";  function b() {    console.log(name);  }  return b;} var c=a();// 此处产生闭包 此处的c函数其实就是a函数c();

登录后复制

通过以上代码，我们也可以看出一个闭包的好处，就是我们再全局作用域（此处是widow）下访问到了局部作用域(a函数)的作用域的值，按正常的词法作用域是无法这么做的，但是当我们使用闭包是就可以了。然后我们再看一点我们平时写的比较多的：

function foo() {  var a = 2;  function baz() {     // 2    console.log( a );   }  bar( baz );}function bar(fn) {// 大家快看呀，这就是闭包！  fn(); }

登录后复制

又或者

var fn;function foo() {  var a = 2;  function baz() {    console.log( a );  }  // 将baz分配给全局变量  fn = baz; }function bar() {   // 大家快看呀，这就是闭包！  fn();}foo();// 2bar();

登录后复制

以上也是闭包，因此在函数内部调用子函数，或者通过何种手段将内部函数传递到所在的词法作用域以外，它都会持有对原始定义作用域的引用，无论在何处执行这个函数都会使用闭包。

相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！