理解Javascript的闭包非常关键,本篇试图用最简单的例子理解此概念。function greet(sth){ return function(name){ console.log(sth + + name); }}//hi darrengreet(hi ...
理解Javascript的闭包非常关键,本篇试图用最简单的例子理解此概念。
function greet(sth){ return function(name){ console.log(sth + ' ' + name); }}//hi darrengreet('hi')('darren');
→ 创建全局上下文→ 执行var sayHi = greet('hi');语句,创建greet上下文,变量sth存储在greet上下文中。→ 继续执行greet
函数内的语句,返回一个匿名函数,虽然greet上下文从堆栈上消失,但sth变量依旧存在于
内存的某个空间。→ 继续执行sayHi('darren');创建了sayHi上下文,并试图搜寻sth变量,但在sayHi这个上下文中没有sth变量。sayHi上下文会沿着一个作用域链找到sth变量对应的那个内存。 外层函数就像一个闭包,其内部函数可以使用外部函数的变量。
一个闭包的简单例子
function buildFunctions(){ var funcArr = []; for(var i = 0; i < 3; i++){ funcArr.push(function(){console.log(i)}); } return funcArr;}var fs = buildFunctions();fs[0](); //3fs[1](); //3fs[2](); //3
--因为i作为一个闭包变量,当前值为3,被内部函数使用。要实现想要的效果,可以在遍历的时候每一次遍历创建一个独立的上下文使其不受闭包影响。而自触发函数可以实现独立上下文。
function buildFunctions(){ var funcArr = []; for(var i = 0; i < 3; i++){ funcArr.push((function(j){ return function(){ console.log(j); }; }(i))); } return funcArr;}var fs = buildFunctions();fs[0](); //0fs[1](); //1fs[2](); //2
原标题:最简单的例子理解Javascript闭包
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。