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写的函数，一样都是可以调用的。