南海区建设网站,网页设计图片修改后是否可以商用,网站更新中,wordpress移动化1 function fn(){2 var a 0;3 return function (){4 return a;5 }
6 }如上所示#xff0c;上面第一个return返回的就是一个闭包#xff0c;那么本质上说闭包就是一个函数。那么返回这个函数有什么用呢#xff1f;那是因为这个函数可以调用到它外部的a… 1 function fn(){2 var a 0;3 return function (){4 return a;5 }
6 }如上所示上面第一个return返回的就是一个闭包那么本质上说闭包就是一个函数。那么返回这个函数有什么用呢那是因为这个函数可以调用到它外部的a这个变量。其实也就是说return返回的是这个函数 a这个变量那么我们现在再来利用这个闭包做点事情我们不妨创建一个变量 var f fn(); 我们如果 console.log(f) 一下就知道这个f就是return的整个函数体也就是 function () { return a;} 那么我们执行f()就相当于执行function函数了这时我们多次执行f()的话返回的a数值就会一直叠加。但是如果我们现在再创建一个变量 var f2 fn(); 我们运行f2()的话会发现a的值重置了。又会从0开始了。这是为什么呢其实我们可以这样理解首先闭包是一个匿名函数现在我们将它赋予了一个变量那么他就有名字了那么他每次执行完以后就有地方存了。但是每个变量存的地方又不一样他们相互不关联所以他们就是独立的个体了所以a得值就不同了。就当是执行了不同的函数只是恰好函数体是一样的罢了。 非常感谢这篇博文提供的思路那么我们闭包的应用场景有什么呢。本来之前我也一直在想因为我很水所以我写代码用到闭包的地方并不是很多。但是今天在看前端的设计模式的时候看到了单例模式想了下这不就是闭包的一个很好的应用场景么比如说我现在的需求是这样的在网页中有时候会需要遮罩层调用的时候我就创建一个但是你不可能每次调用创建吧所以如果存在就用以前的如果不存在就创建新的但同时有可能我永远都不需要这个遮罩层所以我也有可能一直都不需要创建。这就是一个很典型的单例模式的场景。那么我们怎么来实现呢。1 function fn() {2 var a;3 return function() {4 return a || (a document.body.appendChild(document.createElement(div)));5 }6 };7 var f fn();8 f();就很简单就是之前的代码稍微改动下就可以了。相关理解也在上面说的很清楚啦可以仔细看看应该是能明白的。 转载于:https://blog.51cto.com/12942149/1929370
