詳解 Jquery extend() 和Jquery.fn.extend()

hlcfan 發布于2019-08-22 18:19 / 3295人閱讀

摘要：文檔上的解釋將一個或者多個對象擴展一個新對象，返回一個新的對象是否深度克隆對象，將要擴展到的新對象，待合并到新對象的第一個對象，待合并到新對象的第個對象例將合并到作為一個新對象，此時輸出的所輸出內容將是兩個對象屬性集合，我們之所以這么做，可

Jquery extend()

API文檔上的解釋:將一個或者多個對象擴展一個新對象，返回一個新的對象
$.extend([deep],target,obj1,objN)
deep:是否深度克隆對象，
target：將要擴展到的新對象，
obj1:待合并到新對象的第一個對象，
objN：待合并到新對象的第N個對象.
例:$.extend(obj1,obj2)//將obj2合并到obj1作為一個新對象，
var obj1 = {
name:"sunwukong",
age:18
}
var obj2 = {

price:50,
weight:100

}
$.extend(obj1,obj2);
此時輸出的obj1 所輸出內容將是兩個對象屬性集合，
我們之所以這么做，可以將obj1看做一個普通的人，而添加到obj2之后可以新添加功能，有了新的功能以后能跑能跳
注意：如果此時有相同屬性名，obj1中的相同屬性名的屬性值將被obj2所覆蓋

(function($){
           $.extend({
               speak:function(){
                   alert("how are you!");
               }
           });
    })(jQuery);

此時我們可以直接調用$.speak這個方法
擴展到這個方法只跟$有關，跟具體實例化對象是沒有關系的

Jquery.fn.extend()

把對象掛載到Jquery的prototype屬性，來擴展新的jquery方法
Jquery.fn.extend = jquery.prototype ={
speak:function(){
consolor.log("aa")
}}
調用：
$("#btn").speak()//此時我們的fn可以代表的是我們當前這個對象
這種可以用于我們公共的js方法的調用
alert($.fn.jquery );獲取當前jquery的版本號

兩者的區別

1. 兩者的調用方式
$.extend(deep,target,obj1,obj2)
一般由傳入全局的函數來調用，主要用于擴展個全局函數,如：$.init(),$.ajax();
jQuery.fn.extend(),
一般由具體的實例對象來調用，可以用來拓展個選擇器，例如$.fn.each();
2. 兩者的主要功能不同
$.extend(deep,target,obj1,obj2)一般用于給jquery自身添加方法
jQuery.fn.extend(),
3. 開發中可能會遇到的bug
bug之$.extend(deep,target,obj1,obj2)
var obj1 = {
name:"sunwukong",
age:18,
banlance:{big:false,nianji:12,pal:"ad"}
}
var obj2 = { price:50, banlance:{big:true,pal:"ad"} }
var obj3 = {}
$.extend(obj3,obj1,obj2)
obj3{name:"sunwukong",age:18, price:50,banlance:{big:true,pal:"ad"}}
此時相同屬性第二個將第一個完全覆蓋
var obj3 = {}
$.extend(true,obj3,obj1,obj2)
obj3{name:"sunwukong",age:18, price:50,banlance:{big:true,nianji:12,pal:"ad"}}
此時調用深克隆可以將對應的數據進行obj2中沒有的obj1屬性也進行添加

GPU云服務器云服務器 jquery_extend jquery_extend函數 equals和區別詳解 sar指標原理和詳解

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95733.html

jQuery結構簡析

摘要：構成類數組對象，引入，并使其自增版本信息模擬數組，即這里構成一個類數組對象由于這里把作為構造函數調用，得到一個對象，所以我們把作為的原型。本文簡單實現jQuery框架，深入理解javascript對象。本文的對照版本是jQuery-1.2.6.js 本文注重jquery結構設計思路，并不側重具體功能的實現以及兼容性和安全性的部分。首先建立基本框架如下： (function(wind...

xiaokai 2019-08-23 11:53 評論0 收藏0
jQuery.extend()詳解

摘要：方法作用是，用一個或多個其他對象來擴展一個對象。通常使用格式如下上述代碼含義是將合并到中，并返回。如果該方法里面兩個參數都是數組呢控制臺輸出的為如果方法省略了參數，則表示將合并到全局對象中去。 jQuery.extend()方法作用是，用一個或多個其他對象來擴展一個對象。通常使用格式如下：jQuery.extend(dest,src1,src2,src3...);上述代碼含義是：將s...

Andrman 2019-08-20 14:45 評論0 收藏0
jQuery.extend()詳解

摘要：方法作用是，用一個或多個其他對象來擴展一個對象。通常使用格式如下上述代碼含義是將合并到中，并返回。如果該方法里面兩個參數都是數組呢控制臺輸出的為如果方法省略了參數，則表示將合并到全局對象中去。 jQuery.extend()方法作用是，用一個或多個其他對象來擴展一個對象。通常使用格式如下：jQuery.extend(dest,src1,src2,src3...);上述代碼含義是：將s...

gaosboy 2019-08-30 15:53 評論0 收藏0
jQuery.extend()詳解

摘要：方法作用是，用一個或多個其他對象來擴展一個對象。通常使用格式如下上述代碼含義是將合并到中，并返回。如果該方法里面兩個參數都是數組呢控制臺輸出的為如果方法省略了參數，則表示將合并到全局對象中去。 jQuery.extend()方法作用是，用一個或多個其他對象來擴展一個對象。通常使用格式如下：jQuery.extend(dest,src1,src2,src3...);上述代碼含義是：將s...

hellowoody 2019-08-01 16:24 評論0 收藏0
jQuery 源碼系列（一）總體架構

摘要：到目前為止，的貢獻者團隊共名成員，多條，可想而知，是一個多么龐大的項目。參考源碼分析整體架構源碼解析讀書筆記第二章構造對象函數詳解本文在上的源碼地址，歡迎來。歡迎來我的專欄查看系列文章。決定你走多遠的是基礎，jQuery 源碼分析，向長者膜拜！我雖然接觸 jQuery 很久了，但也只是局限于表面使用的層次，碰到一些問題，找到 jQuery 的解決辦法，然后使用。顯然，這種做法的...

svtter 2019-08-21 15:13 評論0 收藏0