jQuery.extend()詳解

gaosboy 發布于2019-08-30 15:53 / 739人閱讀

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

jQuery.extend()方法作用是，用一個或多個其他對象來擴展一個對象。
通常使用格式如下：
jQuery.extend(dest,src1,src2,src3...);
上述代碼含義是：將src1、src2、src3合并到dest中，并返回dest。
示例：

    var dest = {name:"zhu",age:"15"};
    var src1 = {name:"zhang",age:"18"};
    var src2 = {name:"zhou",age:"25"};
    var src3 = {num:15,city:"hongkong"};
    var src4 = {grade:98,course:"math"};
    $.extend(dest,src3,src4);
    console.log(dest);

此時控制臺輸出的合并后的dest如下：

注意到jQuery.extend()方法是會改變被拓展的對象的，如果不想改變原對象，可以把第一個參數設置為{}。
在本文的開頭有提到過jQuery.extend()方法拓展的是對象，其實在JS里面數組也是對象，如：

var dest = {name:"zhu",age:"15"};
var src = [1,2];
$.extend(dest,src);
console.log(dest);

控制臺輸出的dest為：

此時會把數組的索引值當做屬性進行合并。
如果該方法里面兩個參數都是數組呢？

var dest = [1,2];
var src = [3,4];
$.extend(dest,src);
console.log(dest);

控制臺輸出的dest為：

如果jQuery.extend()方法省略了dest參數，則表示將src合并到jQuery全局對象中去。示例如下：

$.extend({
    test1:function(){alert("hello world");}
        });
$.test1();  //彈出hello world

$.extend({
    test2:"hello world"
        });
alert($.test2);  //彈出hello world

需要注意的是，jQuery.fn.extend(object)是擴展 jQuery 元素集來提供新的方法（通常用來制作插件），不要和jQuery.extend()方法弄混淆。

云服務器 GPU云服務器判斷詳解日志詳解屬性詳解算法詳解

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

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

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

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

hlcfan 2019-08-22 18:19 評論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...

hellowoody 2019-08-01 16:24 評論0 收藏0
jQuery結構簡析

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

xiaokai 2019-08-23 11:53 評論0 收藏0
jQuery 源碼系列（一）總體架構

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

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