用最通俗易懂的代码帮助新手理解javascript闭包 推荐
201 浏览量
2020-12-09
06:17:29
上传
评论
收藏 115KB PDF 举报
用最通俗易懂的代码帮助新手理解用最通俗易懂的代码帮助新手理解javascript闭包闭包 推荐推荐
最近看了几篇有关javascript闭包的文章，包括最近正火的汤姆大叔系列，还有《javascript高级程序设计》中的文章，……我
看不懂，里面有些代码是在大学教科书中看都没看过的，天书一般。幸好最近遇到两本好书《ppk on javascript》和《object-
oriented JavaScript》，正字阅读中，后者还没有中文版，但前者还是建议看原版，写的不复杂，有兴趣的朋友可以看看，适
合想进阶的朋友。
今天就结合这两本书，用最浅显的语言和最通俗的方式谈谈javascript中的闭包，因为也是新手，所以有有误的地方请各位指
出，谢谢
一. 准备知识
1.函数作为函数的参数
在学习javascript中，你始终要有一个有学习与其他语言不同的概念：函数（function）不么特殊的东西，它也是一种数据，与
bool ,string,number没有什么两样。
函数的参数可以string，number，bool如：
function(a, b) {return a + b;}
但同样也可以传入函数。对你没有听错，函数的参数是函数！加入你有以下两个函数：
代码如下:
//把三个数翻一倍
function multiplyByTwo(a, b, c) {
var i, ar = [];
for(i = 0; i < 3; i++) {
ar[i] = arguments[i] * 2;
}
return ar;
}
代码如下:
//把数加一
function addOne(a) {
return a + 1;
}
然后这么使用
代码如下:
var myarr = [];
//先把每个数乘以二，用了一个循环
myarr = multiplyByTwo(10, 20, 30);
//再把每个数加一，又用了一个循环
for (var i = 0; i < 3; i++) {myarr[i] = addOne(myarr[i]);}
要注意到其实这个过程用了两个循环，还是有提升的空间的，不如这么做：
代码如下:
function multiplyByTwo(a, b, c, addOne) {
var i, ar = [];
for(i = 0; i < 3; i++) {
ar[i] = addOne (arguments[i] * 2);
}
return ar;
}
这样就把函数当做参数传递进去了，并且在第一个循环中直接调用。这样的函数就是著名的回调函数(Callback function)
2.函数作为返回值
在函数中可以有返回值，但是我们一般都熟悉数值的返回，如
代码如下:
function ex(){
return 12
}
但你一旦意识到函数只是一种数据的话，你就可以想到同样可以返回函数。注意看下面这个函数：
代码如下:
function a() {
alert(‘A!’);
return function(){
alert(‘B!’);
};
}
它返回了一个弹出”B!”的函数。接下来使用它：
评论0