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"}}