本期介绍了JS中闭包的概念、参数传递和测试变量可用性的问题。

1. JavaScript 闭包分享(一) 闭包传递参数 taibo@alipay.com

2. 闭包的结构

3. 常见结构：独立语句 (function() { // your code... })();

4. 常见结构：表达式（缓存示例） var get = function() { var cache = {}; return function(selector) { if(cache.hasOwnProperty(selector)) return selector.cache; return cache.selector = D.query(selector); }; }();

5. 闭包的优点 天然的安全性 var => private 逻辑相对独立 函数式编程的优势 延迟计算 概念简单易懂 变化多端

6. 闭包的参数传递

7. 回顾： (function() { // your code... })(); (function($) { $(function() { // code on DOMReady… }); })(jQuery);

8. 传递常见引用：示例 (function(w, d) { // w.setTimeout(… // d.getElementById(… })(window, document); (function(win, doc) { // win.setTimeout(… // doc.getElementById(… })(window, document);

9. 传递常见引用：优点 特定范围内的作用域 快捷引用 减少压缩后字节数 更好的代码混淆

10. 传递常见引用：缺点 长时间持有对window的引用，导致特定场景下的跨域冲突

11. 传递“无引用”：示例 (function(undefined) { // if(typeofwindow.Tracker === undefined) { // … })();

12. 传递“无引用”：优点 安全地使用undefined 快捷引用 减少压缩后字节数 更好的代码混淆

13. 传递“无引用”：缺点 暂时没有，推荐使用

14. 比较：测试变量/对象是否可用 if(myVar) if(window.myVar) if(!!myVar) if(typeofmyVar !== ‘undefined’) if(typeofmyVar !== undefined) if(myObj.myVar) if(myObj.hasOwnProperty(‘myVar’) if(typeofmyObj.myVar !== undefined)

15. thnaksQ & A