javascript 中的闭包
2016-04-25 19:06
513 查看
在 javascript 中,函数可以当做参数传递,也可以当做返回值返回。
当一个函数内部返回值为一个函数时, 就形成了闭包。(闭包里面的 this 问题)
如下面代码
可以这样理解: foo1 = foo.after(function(){console.log(2);});
foo2 = foo1.after(function(){console.log(3);});
foo2(12); // 当foo2(); 执行的时候,有点类似于递归, fun.apply(this.args);(这个里面递归执行) action();
foo2() => foo1(); console.log(3);
=> foo();console.log(2); console.log(3);
=> console.log(12); console.log(2); console.log(3);
执行结果是: 12
2
3
闭包里面的 this 问题, 如果上面不用 var func = this; 来保存一下当前的 this 的话,而仅仅是
会报错误: this.apply() is not a function!
这是因为 函数 function(){} 里面的this 此时指向的是 window 这个全局对象!
当一个函数内部返回值为一个函数时, 就形成了闭包。(闭包里面的 this 问题)
如下面代码
Function.prototype.after = function (action) { var func = this; return function () { var result = func.apply(this, arguments); action.apply(this,arguments); return result; }; }; var foo= function(a){ console.log(a); } foo = foo.after(function(){console.log(2)}); foo = foo.after(function(){console.log(3)}); foo(12);
可以这样理解: foo1 = foo.after(function(){console.log(2);});
foo2 = foo1.after(function(){console.log(3);});
foo2(12); // 当foo2(); 执行的时候,有点类似于递归, fun.apply(this.args);(这个里面递归执行) action();
foo2() => foo1(); console.log(3);
=> foo();console.log(2); console.log(3);
=> console.log(12); console.log(2); console.log(3);
执行结果是: 12
2
3
闭包里面的 this 问题, 如果上面不用 var func = this; 来保存一下当前的 this 的话,而仅仅是
Function.prototype.after = function (action) { return function () { var result = this.apply(this, arguments); action.apply(this,arguments); return result; }; };
会报错误: this.apply() is not a function!
这是因为 函数 function(){} 里面的this 此时指向的是 window 这个全局对象!
相关文章推荐
- [JSOI2016]无界单词
- JavaScript入门学习1
- JavaScript入门学习2
- JavaScript入门学习3;基本用法
- JavaScript入门学习4
- JavaScript入门学习5 DOM操作1
- JavaScript高级篇(一)— —高级函数
- [JSOI2016]飞机调度
- 数据可视化工具 dc.js 入门指南
- javascript屏蔽浏览器右键功能按钮
- Js 时间间隔计算(间隔天数)
- Gson中fromJson方法的返回值
- jspSmartUpload上传路径不存在
- 各个JSON技术的比较
- JS倒计时,距离某一日期还有多少时间
- javascript中call方法使用
- js中substr,substring,indexOf,lastIndexOf的用法小结
- JS--显示类型转换Number—隐式类型转换
- JavaScript基础学习(二)—JavaScript基本概念
- js json