jQuery中extend的用法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、Jquery的扩展方法原型是:
extend(dest,src1,src2,src3...);
作用是将src1、src2和src3合并到dest中,如果有三个src中有相同的属性,那么值会使用最后的,如
const result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
------
result={name:"Jerry",age:21,sex:"Boy"}
二、省略dest参数
1.$.extend(src)
改方法作用是将src合并到jquery的全局对象中去,如:
$.extend({
hello:function(){alert('hello');}
});
2.$.fn.extend(src)
该方法将src合并到jquery的实例对象中去,如合并到net中去:
$.extend({net:{}});
------
$.extend($.net,{
hello:function(){alert('hello');}
})
三、Jquery的extend方法还有一个重载原型
语法:
extend(boolean,dest,src1,src2,src3...)
第一个参数boolean表示是否深克隆,其他参数和上方介绍一样
1.boolean为true时,所有的src里面所有键值对都会深度比较,重复的键值对,值使用最后的,如:
var result=$.extend( true, {},
{ name: "John", location: {city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );
------
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}
2.boolean为false时,只会比较最外层的键值对,重复的键值对,值使用最后的,如:
var result=$.extend( false, {},
{ name: "John", location:{city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} }
);
------
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}