IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Equivalent ES5 de Object.assign


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre extrêmement actif Avatar de mapmip
    Profil pro
    ulla
    Inscrit en
    Juillet 2006
    Messages
    1 326
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : ulla

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 326
    Par défaut Equivalent ES5 de Object.assign
    salut,

    connaissez vous un bon équivalent en ES5 de la fonction ES6 Object.assign ?

    Merci d'avance

  2. #2
    Expert confirmé
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2005
    Messages
    4 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2005
    Messages : 4 419
    Par défaut
    Ben à part un polyfill (par ex celui de MDN) je vois pas trop ...

  3. #3
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut


    Un polyfill comme dit par @Marco46 ou extend() de jQuery : http://api.jquery.com/jQuery.extend/

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  4. #4
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    Le pb de ces 2 fonctions c'est qu'elles peuvent ajouter des propriétés supplémentaires à l'objet initial.
    En soit cela peut sembler bien, mais en général ces fonctions sont faites pour modifier des paramétrages par défaut, et les éléments supplémentaires arrivent inutilement.

    L’autre problème de ces fonctions c'est qu'elles ne font pas de contrôle de typage et que donc on peu changer le type d'un des paramètres ce qui fera planter par la suite...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    const obj_Params = {
      a: 1,   // valeurs par défaut...
      b: 2,
      c: 3
    };
     
    const obj_ChoixParams = {
      a: 7,
      c: 'changement de type',
      z: 'juste inutile'
    };
     
     
    Object.assign(obj_Params, obj_ChoixParams)
     
    console.log ( obj_Params );
     
    /* retour = 
    		a: 7
    		b: 2
    		c: "changement de type"
    		z: "juste inutile"
    */
    du coup je me suis fait un wrapper perso pour faire le job.
    Si ce post intéresse vraiment qq'1 je mettrait le code ici..

  5. #5
    Membre extrêmement actif Avatar de mapmip
    Profil pro
    ulla
    Inscrit en
    Juillet 2006
    Messages
    1 326
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : ulla

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 326
    Par défaut
    ca m'intéresse !

  6. #6
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    Je l'ai appelé jsoUpdate.
    J'ai mis en commentaire un exemple d'utilisation.


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    if (!Object.prototype.jsoUpdate) {
        Object.defineProperty(Object.prototype, 'jsoUpdate', {
            value: function(value) {
                if (this == null) { 
                    throw new TypeError('this is null or not defined');
                }
                var to = Object(this);
                if (value != null) {                   // Skip over if undefined or null
                    for (var xKey in value) {
                        // Avoid bugs when hasOwnProperty is shadowed
                        if (Object.prototype.hasOwnProperty.call(value, xKey)) {
                            if (to.hasOwnProperty(xKey)) {
                                if (typeof(to[xKey]) === typeof(value[xKey]) ) {
                                    to[xKey] = value[xKey];
                                }
                            }
                        }
                    }
                } 
                return to;
            }
        });
    }
    /* exemples jsoUpdate:
     
        var default_vals   = { One_n: 111,           two_s: 'UNunUN', tree: '1-1-1', D: { d_n: 456, d_t: 'texte'} };
        var change_options = { One_n: 'Deux sur 111', two_s: 2222,    tree:'2-2-2', noNeed: 'noNeed', D: { d_n: 789, bof:'eeeeeeeee' }  };
     
        console.log(default_vals);
     
        default_vals.jsoUpdate(change_options);
     
        console.log(default_vals);
    */
    attention, il fonctionne différemment de la propriété assign ou du truc de jQuery
    , ni ne fait ses contrôles pour les sous éléments des objets (dans l'exemple l'élément D ) * [c'est fait exprès, j'y met des expressions css pouvant varier ]

    je me suis basé sur le polyfill de Mozilla, mais en simplifiant le code pour mes besoins.

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    attention, il fonctionne différemment de la propriété assign ou du truc de jQuery
    c'est le moindre que l'on puisse dire donc il ne respecte pas la spécification de ES6 assign.

    Si l'on fait un rapide test on obtient sur base des objets suivants :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    var src = {
      "key-a": "srce-a",
      "key-b": "srce-b",
      "key-c": "srce-c",
      "key-d": "srce-d" 
    };
    var dest = {
      "key-a": "dest-a",
      "key-b": "dest-b",
      "key-c": "dest-c",
      "key-e": "dest-e"
    };
    • ES6 assign :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    Object.assign(dest, src);
    console.log("assign : ",JSON.stringify(dest,null, 2));
    donne
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    assign :  {
      "key-a": "srce-a",
      "key-b": "srce-b",
      "key-c": "srce-c",
      "key-e": "dest-e",
      "key-d": "srce-d"
    }
    • polyFill MDN :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    Object.polyFill (dest, src);
    console.log("polyFill : ",JSON.stringify(dest,null, 2));
    donne
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    polyFill :  {
      "key-a": "srce-a",
      "key-b": "srce-b",
      "key-c": "srce-c",
      "key-e": "dest-e",
      "key-d": "srce-d"
    }
    • forEach : qui peut convenir dans bien des cas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    Object.keys(src).forEach(function(ind) { dest[ind] = src[ind]; });
    console.log('forEach : ',JSON.stringify(dest,null, 2));
    donne
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    forEach :  {
      "key-a": "srce-a",
      "key-b": "srce-b",
      "key-c": "srce-c",
      "key-e": "dest-e",
      "key-d": "srce-d"
    }
    • jsoUpdate :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    dest.jsoUpdate(src);
    console.log('jsoUpdate : ',JSON.stringify(dest,null, 2));
    donne
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    jsoUpdate :  {
      "key-a": "srce-a",
      "key-b": "srce-b",
      "key-c": "srce-c",
      "key-e": "dest-e"
    }
    on est loin des autres ...

    pas testé jQuery

  8. #8
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    ES2015 (ex ES6), ES2016 et ES2017 sont utilisables sur tous les navigateurs dignes de ce nom (Chrome, Firefox et Edge) lorsqu'ils sont à jour !

    ES2018 arrive bientôt (http://2ality.com/2017/02/ecmascript-2018.html)

    ES2015 free book online : http://exploringjs.com/es6/index.html

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. [PHP 5.2] Attempt to assign property of non-object
    Par JCEYMER dans le forum Langage
    Réponses: 2
    Dernier message: 13/07/2009, 13h46
  2. erreur :Cell contents assignment to a non-cell array object.
    Par lince102 dans le forum Interfaces Graphiques
    Réponses: 5
    Dernier message: 17/12/2007, 15h09
  3. [BO INFO] Equivalent Business Objects
    Par SebastienM dans le forum Débuter
    Réponses: 8
    Dernier message: 23/11/2007, 15h08
  4. [Object] Problèmes avec Assigned
    Par Clorish dans le forum Langage
    Réponses: 9
    Dernier message: 30/06/2005, 13h22
  5. Réponses: 4
    Dernier message: 04/03/2005, 17h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo