JQ源码分析(2.0.3)---$.extend() $.fn.extend()

Posted 码我滴码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQ源码分析(2.0.3)---$.extend() $.fn.extend()相关的知识,希望对你有一定的参考价值。

$.extend():作为扩展工具方法

$.extend({
aaa:function(){
alert(123);
},
bbb:function(){
alert(456);
}
})

$.aaa();
$.bbb();

 

$.fn.extend():作为jQ的实例方法

$.fn.extend({
aaa:function(){
alert(123);
},
bbb:function(){
alert(456);
}
})

$().aaa();
$().bbb();

深拷贝和浅拷贝

var a = {}
var b = {name:‘hello‘}
$.extend(a,b);
a.name = ‘hi‘;
console.log(b.name);//hello
//浅拷贝
var a = {}
var b = {name:{age:‘hello‘}}
$.extend(a,b);
a.name.age = ‘hi‘;
console.log(b.name.age);//hi
//深拷贝
var a = {}
var b = { name:{age:‘hello‘}}
$.extend(true,a,b);
a.name.age = ‘hi‘;
console.log(b.name.age);//hello

var aa = {}

$.extend(a,{b:‘123‘})

 

以上是关于JQ源码分析(2.0.3)---$.extend() $.fn.extend()的主要内容,如果未能解决你的问题,请参考以下文章

jQuery源码06-jQuery = function(){};给JQ对象,添加一些方法和属性,extend : JQ的继承方法,jQuery.extend()

jquery的2.0.3版本源码系列:285-348行,extend方法详解

jq源码(2.0.3)

jQuery源码架构

jquery 源码结构学习

jQuery源码逐行分析学习02(第一部分:jQuery的一些变量和函数)