javascript 闭包学习笔记
javascript 闭包学习笔记
一些情况下,函数返回 计算结果就行了 比如:
function addAll(arr){
return arr.reduce(function(x,y){
return x+y;
});
}
var arr = [1,3,4,5,6,7,8];
console.log(addAll(arr));
函数作为返回值
function lazy_sum(arr){
return function(){ // 参数和局部变量都保存在 返回的函数内部
return arr.reduce(function(x,y){return x+y;});
}
}
var f = lazy_sum(arr); //这个函数得到的不是计算结果,而是算法/函数
console.log(f); // [Function]
console.log(f()); 34
这在 某些时候特别有用
返回函数不要引用任何循环变量
function count(){
var arr = [];
for(var i=1;i<=3;i++){
arr.push(function(){
return i*i; //等到返回的时候i已经变成了4
});
}
return arr;
}
var results = count();
results.forEach(function(f){
console.log(f()); ///16 16 16
});
var 改 let
function count(){
var arr = [];
for(let i=1;i<=3;i++){ // 如果var 改为let, i变成了块变量,i的作用域仅在for块了
arr.push(function(){
return i*i; // 每一次循环里的i都是独立的
});
}
return arr;
}
var results = count();
results.forEach(function(f){
console.log(f()); ///1 4 9
});
创建一个匿名函数并立刻执行
function count(){
var arr= [];
for(var i=1;i<=3;i++){
arr.push((function(n){
return function(){
return n*n;
};
})(i));
}
return arr;
}
拆开写看清楚些
function count(){
var arr = [];
function f(n){
return function(){return n*n;}; // f(n)一执行则 n固定下来
}
for(var i=1;i<=3;i++){
arr.push(f(i)); //不再是push进函数的定义,而是f(i)的执行结果
}
return arr;
}
var res = count();
res.forEach(function(f){
console.log(f()); //1 4 9
});
js中 创建一个匿名函数并立刻执行的写法
理论上应该是
f(n){
return n*n
}(3);
但是由于JavaScript语法解析的问题,会报SyntaxError错误,因此需要用括号把整个函数定义括起来:
(f(n){
return n*n
})(3);
借助闭包,封装一个私有变量
function create_counter(initNum){
var x = initNum||0;
return {
//该闭包携带了局部变量x,并且,从外部代码根本无法访问到变量x
inc:function(){
x+=1;
return x;
}
}
}
var c = create_counter();
console.log(c.inc());
console.log(c.inc());
console.log(c.inc());
console.log(c.inc());
闭包携带了局部变量x,并且,从外部代码根本无法访问到变量x。换句话说,闭包就是携带状态的函数,并且它的状态可以完全对外隐藏起来。
小栗子
function addNum(n){
return function(x){
return x+n;
};
}
var add2 = addNum(2);
var add10 = addNum(10);
console.log(add2(1));
console.log(add10(1));
posted on 2019-04-29 11:05 ShawSpring 阅读(161) 评论(1) 编辑 收藏 举报