上學(xué)時(shí)C#老師講到對(duì)象有兩類方法，靜態(tài)方法(Static)和實(shí)例方法(非Static)，當(dāng)時(shí)不理解靜態(tài)是為何意，只是強(qiáng)記。

后來(lái)從事了前端的工作，一直在對(duì)類(即對(duì)象，Js中嚴(yán)格來(lái)說(shuō)沒(méi)有類的定義，雖眾所周知，這里還是贅述一番，以免產(chǎn)生歧義)的操作上，嚴(yán)重缺乏整體概念，最近看extetnd中再次提到拓展靜態(tài)方法與實(shí)例方法，故而再次百度，才幡然領(lǐng)悟，其實(shí)一直有用，只是不知其專業(yè)術(shù)語(yǔ)呀，哈哈~

靜態(tài)方法，屬于類的方法，即類可以直接調(diào)用的方法。為類所有實(shí)例化對(duì)象所共用（但不能用實(shí)例對(duì)象之間調(diào)用），所以靜態(tài)成員只在內(nèi)存中占一塊區(qū)域；

實(shí)例方法，屬于實(shí)例化類后對(duì)象的方法，即實(shí)例對(duì)象調(diào)用的方法。每創(chuàng)建一個(gè)類的實(shí)例，都會(huì)在內(nèi)存中為非靜態(tài)成員分配一塊存儲(chǔ)；

靜態(tài)方法在一啟動(dòng)時(shí)就實(shí)例化了，因而靜態(tài)內(nèi)存是連續(xù)的，且靜態(tài)內(nèi)存是有限制的；而非靜態(tài)方法是在程序運(yùn)行中生成內(nèi)存的，申請(qǐng)的是離散的空間。

看代碼：

function A(){
}
A.staticMethof = function(){
alert('靜態(tài)方法');
}
A.prototype.instaceMethod = function(){
alert('實(shí)例方法');
}
A.staticMethof(); //類A直接調(diào)用
var instace = new A();
instace.instaceMethod();//A的實(shí)例對(duì)象instace調(diào)用 

拿jQuery框架來(lái)看，它的方法都是實(shí)例方法，它的工具函數(shù)都是靜態(tài)方法。靜態(tài)方法$.each(); 實(shí)例方法$('body').each();

說(shuō)到這里就很好理解了。

下面來(lái)看下jQuery中拓展兩種方法extend的用法。

其實(shí)當(dāng)年看到各種框架和別人代碼用到$.extend 和 $.fn.extend我是相當(dāng)不開(kāi)心的，哈哈，因?yàn)椴欢?.. 現(xiàn)在講了靜態(tài)方法與實(shí)例方法，聰明的朋友應(yīng)該可以猜到了，$.extend是拓展靜態(tài)方法，而$.fn.extend是拓展實(shí)例方法，哈哈，聰明~

先說(shuō)下extend。

extend，這個(gè)函數(shù)的功能基本都是實(shí)現(xiàn)對(duì)象的拷貝功能，即將一個(gè)對(duì)象的所有屬屬性拷貝到另外一個(gè)對(duì)象上去，開(kāi)發(fā)插件時(shí)經(jīng)常用到。

看代碼：

jQuery.extend(object)

為jQuery類添加方法，即添加靜態(tài)方法：

jQuery.extend({
　　min: function(a, b) { return a < b ? a : b; },
　　max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(,); // 
jQuery.max(,); // 
Objectj Query.extend( target, object, [objectN]);

為其他類添加靜態(tài)方法(用一個(gè)或多個(gè)對(duì)象來(lái)拓展一個(gè)對(duì)象，返回被拓展的對(duì)象

var settings = { validate: false, limit: , name: "foo" }; 
var options = { validate: true, name: "bar" }; 
jQuery.extend(settings, options); 

結(jié)果：settings == { validate: true, limit: 5, name: "bar" }

jQuery.fn
jQuery.fn = jQuery.prototype = {
　　　init: function( selector, context ) {//….
//……
}; 

原來(lái)jQuery.fn = jQuery.prototype，對(duì)prototype原型鏈?zhǔn)遣荒吧陌?#63;

jQuery.fn.extend( object );

對(duì)jQuery.prototype進(jìn)行拓展，即添加實(shí)例函數(shù)。

例如要開(kāi)發(fā)一個(gè)插件，編輯框被點(diǎn)擊時(shí)，alert編輯框中的內(nèi)容。

$.fn.extend({
alertWhileClick: function(){
$(this).click(function(){
alert($(this).val());
})
};
});
$("#input").alertWhileClick(); 

你可以拓展一個(gè)對(duì)象到j(luò)Query的prototype中去，這樣的話就是插件機(jī)制了。

<span style="font-size: px;">(function( $ ){
$.fn.tooltip = function( options ) {
};
//等價(jià)于
var tooltip = {
function(options){
}
};
$.fn.extend(tooltip) = $.prototype.extend(tooltip) = $.fn.tooltip
})( jQuery );
</span> 

以上所述是小編給大家介紹的Js類的靜態(tài)方法與實(shí)例方法區(qū)分及jQuery拓展的兩種方法 ，希望對(duì)大家有所幫助！

最新評(píng)論