Mam dość ciągłego pisania kodu w ten sposób:

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

Lub jeśli nie chcę sam pisać kodu, zaimplementuj bibliotekę, która już to robi. Z pewnością ES6 + przybywa na ratunek, a to zapewni nam coś w rodzajuObject.prototype.extend(obj2...) lubObject.extend(obj1,obj2...)

Czy więc ES6 + zapewnia taką funkcjonalność? Jeśli jeszcze go tam nie ma, to czy jest planowana taka funkcjonalność? Jeśli nie zaplanowano, dlaczego nie?

Będziesz mógł wykonać płytkie scalanie / rozszerzanie / przypisywanie w ES6 za pomocą Object. assign:

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

Składnia:

Object. assign ( cel , źródła );

gdzie ... źródła reprezentują obiekty źródłowe.

Przykład:

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

Object.assign(obj1, obj2);

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

Możesz użyć do tego składni rozszerzania obiektów :

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

W przypadku tablic operator rozprzestrzeniania był już częścią ES6 (ES2015), ale dla obiektów został dodany do specyfikacji języka w ES9 (ES2018). Jego propozycja została domyślnie włączona w narzędziach takich jak Babel dużo wcześniej.

Wiem, że to trochę stary problem, ale najłatwiejsze rozwiązanie w ES2015 / ES6 jest w rzeczywistości dość proste, używając Object. assign (),

Miejmy nadzieję, że to pomoże, ale to również robi głębokie scalanie:

/**
 * 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;
}

Przykładowe użycie:

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] } } }

Object.mixinObecnie omawiamy dodanie elementu , aby zadbać o zachowanie, o które prosisz. https://mail.mozilla.org/pipermail/es-discuss/2012-December/027037.html

Chociaż nie ma go jeszcze w wersji roboczej ES6, wydaje się, że jest dla niego duże poparcie, więc myślę, że wkrótce pojawi się w wersjach roboczych.

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 lub Babel

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

Może Object.definePropertiesmetoda ES5 zadziała?

na przykład

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

Object.defineProperties(a, b);

alert(a.age); // 37

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