淘先锋技术网

首页 1 2 3 4 5 6 7

之三:关于闭包和递归

1. 开篇

这一期本来是打算写闭包的,但是无意中看到《JavaScript高级程序设计》中闭包的前一章就是递归。

所以拿出来一起讲一下吧!

我觉得闭包算是笔试面试中常考的,当面试官问道闭包的时候。或许人人都会说上:从表象上看,闭包是内部函数引用外部函数的变量,导致内部函数引用的变量不会被释放。即使外部函数被销毁时,变量依然驻留在内存中!

可是大家真的懂这句话的意思吗(在深入了解之前,我也不明白)

今天就让我们来好好了解一下:

2. 闭包的原理

先看一段代码:

// 需求时是一秒钟之后,在控制台依此输出1-10

function numberLog() {

for (var i = 1;i <= 10;i++) {

setTimeout(function () {

console.log(i)

}, 1000)

}

}

numberLog();

大家觉得上面的代码,能实现预期的需求吗?

当然不能,代码的执行速度很快,我们循环了十次,生成了十个setTimeout(function(){console.log(i)}, 1000),

然后当一秒钟过去了,i早就变成11了,所以最后就会输出10个11

那么怎么改进呢?

看这段代码:

function numberLog() {

for (var i = 1;i <= 10;i++) {

(function (count) {

setTimeout(function () {

return console.log(count)

}, 1000)

})(i)

}

}

numberLog();

这次再看一下,在控制台上会输出1-10

这是为什么?其实看不懂也没有关系,就是简单的举了一个闭包的应用场景。

下面具体说一下,只需要记住以下几点:

当一个函数执行时,全局会为这个函数做两件事:1.构建一个独立的函数环境 2.把全局的变量用作用域链的形式推给这个函数,换句简单的话说就是让这个函数可以访问到它外层定义的变量,并可以一层一层的向外引用

如果一个函数里面嵌套了一个函数,并且这个内部函数引用外层函数的变量,那个这个变量就不能在外层函数结束后被释放(正常是函数调用完,环境和变量就都会被释放),因为不知道内部函数在什么时候就会被调用。

那上面这个例子是怎么回事呢?

我们可以看到在循环代码内我们执行了一个函数立即调用,并且返回一个console.log(XX)

由于立即调用的这个函数引用了外部函数numberLog的变量i,因此i从1-10都不会被释放,都会在内部形成一个闭包空间。

当一秒钟过去,还是会打印出 1-10

不知道这么说,你明白没有,不太懂的话请看书《JavaScript高级程序设计》第七章闭包那一节。

3. 闭包练习题

这个板块会实时补充的

4. 关于递归

其实说到递归,主要就是要说callee这个的用法,callee其实主要就是调用自己的外围函数,并且可以传参。

下面我们来看一个题(我面试百度时的题):

// 用setTimeout来模拟setInterval

先留个悬念哈!

5. 最后

今天是周日,下周会有一个百度糯米的面试!现在感觉自己的js的基础有些薄弱,

所以下一节会说一下js原生的dom操作,一起加油哟!

欢迎大家指出不足和意见,我会虚心接受