js闭包模拟class

最新推荐文章于 2023-03-10 10:36:42 发布

weixin_34107739

最新推荐文章于 2023-03-10 10:36:42 发布

阅读量396

点赞数

文章标签： c/c++ javascript java ViewUI

原文链接：https://my.oschina.net/lvyi/blog/479831

版权

为什么80%的码农都做不了架构师？>>>

经常听到有人说js的闭包，英文翻译过来就是closure。

##返回值为函数

一般在C++等语言中，返回值为一个确定的值或对象。Js中可以返回一个函数，如下：

function lazy_sum(arr){
	var sum = function (){
		return arr.reduce(function(x, y){
			return x + y;
		});
	}
	return sum;
}

var func = lazy_sum([1, 2, 3, 4, 5]);
console.log(func());

##闭包

我们在函数lazy_sum中又定义了函数sum，这个内部函数sum可以引用外部函数lazy_sum的参数和局部变量，当lazy_sum返回函数sum时，相关参数和变量都保存在返回的函数中，这种称为闭包（Closure）的程序结构拥有极大的威力。

关键点是相关参数和变量保存在返回的函数中。

还可以用闭包实现C++和Java中的Class的功能。

function create_counter(initial) {
	var x = initial || 0;
	return {
		inc: function() {
			x += 1;
			return x;
		}
	}
}

var c1 = create_counter(0);
console.log(c1.inc()); //1
console.log(c1.inc()); //2
console.log(c1.inc()); //3

借助闭包，这里封装了一个私有变量x。这里的c1就像一个instance，可以改变变量的状态。

##工具

js可以脱离浏览器，使用Node.js作为运行环境。本人使用sublime text2配置之后BUILD。

打印调试需要用到console.log(XXXX)，可以在首行加入