javascript、jQuery函数定义和调用方法

一、javascript

1、var aaa=function(){...}

var 方式定义的函数，不能先调用函数，后声明，只能先声明函数，然后调用。

2、function aaa(){...}

function方式定义函数可以先调用，后声明。

例子：

<script language="JavaScript" type="text/javascript">   

            //aaa();这样调用就会出错   

            var aaa = function(){   

                alert("A");   

            }   

            aaa();//这样就不会出错   

               

            //先调用后声明   

            bbb();   

            function bbb(){   

                alert("bb");   

            }   

</script>

 

二、jQuery

1、定义：$.setActive = function (toFindName) {    $(".tab_content").hide(); //Hide all content  }

调用：$.setActive(toFindName);

或：$.postJSON = function(url, data, callback) {//这里有回调函数

                                                                                           $.post(url, data, callback, "json");

                                                                                     };

调用：$.postJSON('/post/getsecurejsonpost',{}, function(data) {});

2、定义：

   jQuery.fn.setApDiv=function () {

        //apDiv浮动层显示位置居中控制

        var wheight=$(window).height();

        var wwidth=$(window).width();

        var apHeight=wheight-$("#apDiv").height();

        var apWidth=wwidth-$("#apDiv").width();

        $("#apDiv").css("top",apHeight/2);

        $("#apDiv").css("left",apWidth/2);

    }

调用：$("#apDiv").setApDiv();

3、定义：

      //jQuery 应用扩展

      jQuery.extend({

              // 设置 apDiv

            setApDiv:function () {

            //apDiv浮动层显示位置居中控制

            var wheight=$(window).height();

            var wwidth=$(window).width();

            var apHeight=wheight-$("#apDiv").height();

            var apWidth=wwidth-$("#apDiv").width();

            $("#apDiv").css("top",apHeight/2);

            $("#apDiv").css("left",apWidth/2);

            }

      });

调用：$.setApDiv();

 

对比2,3：

一种如$.extend({'aa':function(){}}),这种调用时就是这样$.aa(),另一种如$.fn.extend({'aa':function(){}}),这种调用时就得这样,$(this).aa()

 注：或之后的片段引用自http://www.cnblogs.com/chengxiaohui/articles/1914232.html，最近在对比整理js、jQuery等，非常感谢该文作者。

实际上不管是jquery还是Extjs，本质上都是javascript，所以文件中用原生态的js写的函数，一样都是可以调用的。