Comparaison et utilisation de clone() et extend() dans jQuery

Méthode clone() de jQuery, lorsque je personnalise un objet, tel que

 var obj = {
    chart: {
        type: 'spline',
        inverted: true
    },
    title: {//标题文字
        text: 'Atmosphere Temperature by Altitude'
    },
   ...

};

, lorsque je souhaite personnaliser un autre obj2, copier le contenu de obj , j'ai utilisé

 var obj2 = obj.clone();

. Évidemment, j'ai ignoré que obj n'est qu'un objet, et qu'il n'y a pas de méthode clone(). C'est donc évidemment une fausse démonstration. Cependant, la méthode clone() fournie avec jQuery ne peut plus répondre à mes besoins cette fois, qui est de copier un objet vers un autre objet, clone(obj);

Copie de niveau superficiel : pour non-basicType de données , après clonage, les deux pointeurs pointent vers le même espace mémoire. Dans ce cas, si un objet est opéré, le contenu de l'autre changera également.

Copie profonde : copiez chaque attribut et méthode de l'objet pointé vers l'objet pointé par le nouvel objet, tout comme une copie, afin que le nouvel objet puisse être modifié ou autrement. L'opération n'a aucun impact sur l'objet d'origine.

Ci-dessous, je vais vous donner une méthode de copie approfondie :

var cloneObj = function(obj){
var str, newobj = obj.constructor === Array ? [] : {};
if(typeof obj !== 'object'&& typeof obj !=='function'){
    return;
}else {
    for(var i in obj){
        newobj[i] = typeof obj[i] === 'object' ?
            cloneObj(obj[i]) : obj[i];
    }
}
return newobj;
};

//克隆
var obj2=clone(obj);

Lorsque je souhaite modifier certains paramètres à l'intérieur, je peux utiliser la méthode suivante

obj2.title.text = "XXX";

extend() :

Utilisez la méthode extend() : L'extension signifie qu'une ou plusieurs propriétés peuvent être étendues à un objet
pour former un effet d'union. S'il s'agit d'objets vides, étendre. à un objet équivaut à du clonage

$.extend(true,obj,{});

et le code pour obtenir l'effet d'union est le suivant

 obj2 = $.extend(true,obj,obj2);

Lorsque vous souhaitez remplacer un paramètre, vous pouvez choisir et Pour le même méthode de remplacement que clone(), vous pouvez également choisir d'ajouter le code suivant devant

obj2 = $.extend(true,obj,obj2);

:

 var obj2 = {
       title: {
            text: 'XXX'
        },
        ...
        }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!