J'en ai marre de devoir toujours écrire du code comme celui-ci:

function shallowExtend(obj1,obj2){
  var key;
  for ( key in obj2 ) {
    if ( obj2.hasOwnProperty(key) === false )  continue;
    obj1[key] = obj2[key]
  }
}

Ou si je ne veux pas écrire le code moi-même, implémentez une bibliothèque qui le fait déjà. ES6 + vient sûrement à la rescousse, cela nous fournira quelque chose comme un Object.prototype.extend(obj2...)ouObject.extend(obj1,obj2...)

Est-ce que ES6 + fournit une telle fonctionnalité? Si ce n'est déjà fait, une telle fonctionnalité est-elle prévue? Si ce n'est pas prévu, pourquoi pas?

Vous pourrez effectuer une fusion / extension / affectation superficielle dans ES6 en utilisant Object.assign:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Syntaxe:

Object.assign ( cible , sources );

où ... sources représente le ou les objets source.

Exemple:

var obj1 = {name: 'Daisy', age: 30};
var obj2 = {name: 'Casey'};

Object.assign(obj1, obj2);

console.log(obj1.name === 'Casey' && obj1.age === 30);
// true

Vous pouvez utiliser la syntaxe de propagation d'objets pour cela:

const merged = {...obj1, ...obj2}

Pour les tableaux, l'opérateur de propagation faisait déjà partie de ES6 (ES2015), mais pour les objets, il a été ajouté à la spécification du langage à ES9 (ES2018). Sa proposition a été activée par défaut dans des outils comme Babel bien avant cela.

Je sais que c'est un peu un vieux problème, mais la solution la plus simple dans ES2015 / ES6 est en fait assez simple, en utilisant Object.assign (),

Espérons que cela aide, cela permet également de fusionner DEEP :

/**
 * Simple is object check.
 * @param item
 * @returns {boolean}
 */
export function isObject(item) {
  return (item && typeof item === 'object' && !Array.isArray(item) && item !== null);
}

/**
 * Deep merge two objects.
 * @param target
 * @param source
 */
export function mergeDeep(target, source) {
  if (isObject(target) && isObject(source)) {
    for (const key in source) {
      if (isObject(source[key])) {
        if (!target[key]) Object.assign(target, { [key]: {} });
        mergeDeep(target[key], source[key]);
      } else {
        Object.assign(target, { [key]: source[key] });
      }
    }
  }
  return target;
}

Exemple d'utilisation:

mergeDeep(this, { a: { b: { c: 123 } } });
// or
const merged = mergeDeep({a: 1}, { b : { c: { d: { e: 12345}}}});  
console.dir(merged); // { a: 1, b: { c: { d: [Object] } } }

L'ajout de Object.mixinest actuellement en discussion pour prendre en charge le comportement que vous demandez. https://mail.mozilla.org/pipermail/es-discuss/2012-December/027037.html

Bien que ce ne soit pas encore dans le projet ES6, il semble qu'il y ait beaucoup de soutien pour cela, donc je pense qu'il apparaîtra bientôt dans les projets.

ES6

Object.assign(o1,o2) ; 
Object.assign({},o1,o2) ; //safe inheritance
var copy=Object.assign({},o1); // clone o1
//------Transform array of objects to one object---
var subjects_assess=[{maths:92},{phy:75},{sport:99}];
Object.assign(...subjects_assess); // {maths:92,phy:75,sport:99}

ES7 ou Babel

{...o1,...o2} // inheritance
 var copy= {...o1};

Peut-être que la Object.definePropertiesméthode ES5 fera l'affaire?

par exemple

var a = {name:'fred'};
var b = {age: {value: 37, writeable: true}};

Object.defineProperties(a, b);

alert(a.age); // 37

Documentation MDN: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/defineProperties