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

猜你喜欢

转载自blog.csdn.net/zqq840818278/article/details/123440859
今日推荐