JavaScript Coding 模式荟萃

1.自运行的匿名函数

<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
....
<script>
    //自运行书写模式,声明一个匿名函数,然后传入jQuery对象
    void function(j){

    }(jQuery);
</script>

2.javaScript里面的封装(使用匿名函数封装功能)

<script>
    //自运行书写模式,声明一个匿名函数,然后传入jQuery对象和window对象
    (function($,w){
        //undefined 等价 false;
        w.gUtils = w.gUtils || {};// 自定义一个变量gUtils,直接挂载在window对象上
        var utils = w.gUtils;//估计是为了代码的阅读性,声明中间变量utils,
        $.extend(utils, { //去掉上句可以直接写 w.gUtils
            fDesgin : function(){
                alert("fDesgin")
            }
        });
    })(jQuery,window);
    //为什么下面的代码可以直接调用,因为在匿名函数内将gUtils挂给了全局对象window,再使用jQuery的扩展法extend,为其设计fDesgin方法
    gUtils.fDesgin();
    //调用代码 gUtils.xxx();
</script>

3.

 4.

5.所谓的 document.all

 javascript的语法真是百花齐放,百家争鸣  document.all在2018年来说,应该是很旧的语法,经查阅是Micriosoft的东西,参考