IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

消除JavaScript闭包的一般方法

idea's blog 2014-12-30 12:27:21 累计浏览 1,874 次
本机暂存

   JavaScript 的闭包是一个其主动发展的特性, 也是一个被动发展的特性. 也就是说, 一方面, JS 有了闭包能更好解决一些问题. 另一方面, JS 为了解决某些问题, 而不得不使用闭包勉强来解决问题.

   前者这里不讨论, 如果 JS 闭包能更好的解决问题, 当然使用闭包更好.

   我讨论的是后者, 是因为 JS 本身的限制, 而不得不磕磕绊绊地用闭包来解决的问题, 例如"变量只初始化一次"这样的需求.

   常规的语言这样解决:

class Class{
	function init(){
		this.n = 0;
	}
	function func(){
		this.n ++;
		return this.n;
	}
}
var obj = new Class();

   JavaScript 一般会这样解决(使用闭包):

var obj = {
	func : (function(){
		var n = 0;
		return function(){
			n ++;
			return n;
		}
	})()
}

   但我更建议采用这种方法(消除闭包):

function Class(){
	var self = this;
	self.n = 0;
	self.func = function(){
		self.n ++;
		return self.n;
	}
}
var obj = new Class();

   因为后者的可扩展性更好. 当你需要实现对一个变量的不同操作时, 后一种可以只需要再定义一个不同的函数(也就是简单线性扩展), 而前一种(闭包)则需要完全重写(这就是为什么你经常听到重构这个词的原因).

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. JQuery实现Excel表格呈现 (累计阅读 48,351)
  2. Java开发岗位面试题归类汇总 (累计阅读 22,161)
  3. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,411)
  4. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,937)
  5. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,849)
  6. 天朝第二代身份证号码的验证机制 (累计阅读 14,764)
  7. HTML 5 的data-* 自定义属性 (累计阅读 14,352)
  8. 分享一个JQUERY颜色选择插件 (累计阅读 14,225)
  9. 什么是全栈工程师? (累计阅读 14,041)
  10. Linux内存点滴 用户进程内存空间 (累计阅读 13,239)