jquery工作原理与优化3

这篇就接着上一篇的话题，减少全局变量提高jquery的执行效率，这个应该和jquery本身没有多大关系，而是和js的执行引擎是有相当大的关系。下边我们先说说js的执行引擎的工作原理。
      执行引擎并不直接执行代码，而是先将代码文本分析(parser)成代码树，再按规则执行代码树中的指令结点(op)。指令在JS中总是确定的，例如源代 码中是FOR，那么总是JSOP_FOR*这个操作码。但是，指令所使用的参数却不是确定的，而是通过参数名绑定到一个具体的操作数。参数名是字符串，也 就是标识符；操作数则位于该代码上下文所使用的栈中。这个栈中的操作数使用slot位置来表示。因此，这个关键的函数就是 BindNameToSlot()。
     上边的这段话，不知道大家能理解多少，js这门语言和其他的高级语言有点不一样，先分析再顺序执行，因为我们写代码的时候有可能会在页面的不同地方都是实 现代码，而js本身并不聪明，当遇见全局变量的时候就会在以前的分析树上找相应的上下文（闭包），当然局部变量就不存在这个问题，只是挂载到当前的节点上 即可，如果我们的全局变量比较多的时候，js执行器循环遍历的次数就越多，我们应用会很方便，但是效率就会降低。除非我们万不得已的时候，最后不要全局变 量。
    那我们写jquery的时候应当如何注意这些事情呢？jquery本身就没有全局变量，而是执行一个匿名函数(function(){})();这样的目 的有两个，第一减少全局变量的冲突，第二就是为了提高效率，由于jquery的ajax应用可以执行js代码，我们很多时候为了方便会在被请求的页面上写 js代码例如：
<script>
    var obj=$("#table1").ingrid({
      //........................................
    });
</script>
这里的obj就是一个全局变量，违背上边的理论，优化后的结果：
<script>
   $(function(){
    var obj=$("#table1").ingrid({
      //........................................
    });
});
</script>
这个里的obj就是一个局部变量，当时大家会问，那我就是想要obj成全局变量，其他地方来引用，实际上jquery给我们这个机会，那就是extend这个方法，我们可以把obj扩展到jquery对象的一个属性上，代码如下：
<script>
   $(function(){
    var obj=$("#table1").ingrid({
      //........................................
    });
    $.obj={};
    $.extend($.obj,obj);
});
</script>
这样我们在页面其他地方就可以这样调用obj了：$.obj是不是也达到了全局变量的效果，而并没有重新遍历js分析树，提高执行的效率。

转载自：http://hi.baidu.com/itjquery/blog/item/9cf7d616de4aac0fc93d6d89.html