闭包(回顾)
迪丽瓦拉
2024-05-26 18:51:01
0
  • 概念
  • 作用
  • 保护作用
  • 保存作用
  • 优缺点
  • 命名空间

概念

闭包(closure)指有权访问另一个函数作用域中变量的函数 — Javacript高级程序设计 p309
简单理解,一个作用域可以访问另一个函数内部的私有变量

// 其中 test就是一个闭包
function fn(){var num = 10function test () { console.log(num) }
}

作用

保护作用

在上下文中会有一些私有的变量AO(XXX),这些私有变量和外界的变量不会冲突(互不影响)

应用

  1. 团队协作开发中,为防止全局变量的冲突污染,建议每个开发者,把自己的代码放到一个闭包中(立即执行函数即可)保护起来
  2. 封装一个插件或类库等,防止自己定义的变量和方法与用户定义的冲突,需要把所写的代码放到一个闭包中,例如 Jquery

保存作用

某些情况下,上下文中的某些内容被为外界占用后,当前上下文并不会出栈销毁,这样开一把上下文中的一些信息存储起来

应用

1.在某些需求下,经常需要形成一个闭包,存储一些值(且不能销毁),供后面的程序运行使用,例如 惰性函数柯里化函数(bind)compose函数等

优缺点

优点:保护和保存代码不受污染
缺点:会产生不销毁的上下文,导致栈/堆内存消耗过大,也会导致内存泄露(该内存空间使用完毕之后未回收),影响页面的运行性能

命名空间

概念

给每个对象的堆内存起一个变量名,这个变量就是’命名空间’

作用

  1. 避免变量,函数名的冲突
var a = 1
var utils = { 方法... }
  1. 单例设计模式 (闭包)
    各板块暴露到全局只有一个变量,避免全局变量的污染,实现了闭包之间的方法公用性
var utils = (function(){var num = 10function test(){console.log(num)}//函数...return {test // 相当于 test:test// 方法...}
}())
utils.test()  // 直接用命名空间 utils 调用其中方法
  1. 基于 window.xxx = 方法 ,暴露到全局
    这种方法暴露到全局对象GO上,也可能导致方法之间的冲突

相关内容