分析了一下JQuery中的extend方法实现原理(3)

var person = { 
    language : ['java', 'c++', 'sql'], 
    showName : function(name){ 
        alert("Name: " + name); 
    } 
}; 
jQuery.extend(true, person); // 将person对象扩展jQuery对象上 
alert($.language); // java, c++, sql 
$.language.push('PL/SQL'); // 修改扩展后的对象 
alert(person.language); // java, c++, sql 
person.language.pop();

从上面例子中可以看出对$.language的修改不会影响到person中的language属性。这就是深度复制

4、JQuery.extend（boolean，目标对象，源对象）

决定是否采用深度复制将源对象扩展到目标对象上面。如下：
【实例】分别创建person和student对象，然后通过jQuery.extend方法将person的属性和方法扩展到student对象。

复制代码 代码如下:

var person = { 
    showName : function(name){ 
        alert("Name: " + name); 
    } 
}; 
var student = { 
    language : ["java", "c++", "javascript"], 
    showNum : function(num){ 
        alert("Num: " + num); 
    } 
}; 
var target = jQuery.extend(person, student); 
alert(target.language);     // java, c++, javascript 
target.language.push("PL/SQL"); 
alert(student.language);    // java, c++, javascript, PL/SQL 
student.language.pop(); 
alert(target.language);     // java, c++, javascript 
var target2 = jQuery.extend(true, person, student); 
alert(target2.language);    // java, c++, javascript 
target2.language.push("PL/SQL"); 
alert(student.language);    // java, c++, javascript 
student.language.pop(); 
alert(target2.language);    // java, c++, javascript, PL/SQL

以上就是我对extend方法的理解，如有不正确的地方请指正。非常谢谢！

您可能感兴趣的文章: