Tôi phát chán vì luôn phải viết mã như thế này:

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

Hoặc nếu tôi không muốn tự viết mã, hãy triển khai một thư viện đã thực hiện nó. Chắc chắn ES6 + đang đến để giải cứu về vấn đề này sẽ cung cấp cho chúng ta một cái gì đó giống như một Object.prototype.extend(obj2...)hoặcObject.extend(obj1,obj2...)

Vậy ES6 + có cung cấp chức năng như vậy không? Nếu chưa có, chức năng như vậy đã được lên kế hoạch chưa? Nếu không có kế hoạch thì tại sao không?

Bạn sẽ có thể thực hiện hợp nhất / mở rộng / gán nông trong ES6 bằng cách sử dụng Object.assign:

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

Cú pháp:

Object.assign ( mục tiêu , nguồn );

trong đó ... nguồn đại diện cho (các) đối tượng nguồn.

Thí dụ:

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

Object.assign(obj1, obj2);

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

Bạn có thể sử dụng cú pháp trải rộng đối tượng cho việc này:

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

Đối với mảng, toán tử trải rộng đã là một phần của ES6 (ES2015), nhưng đối với các đối tượng, nó đã được thêm vào đặc tả ngôn ngữ tại ES9 (ES2018). Đề xuất của nó như được bật theo mặc định trong các công cụ như Babel từ lâu trước đó.

Tôi biết đây là một vấn đề cũ nhưng giải pháp đơn giản nhất trong ES2015 / ES6 thực sự khá đơn giản, sử dụng Object.assign (),

Hy vọng rằng điều này sẽ giúp, điều này cũng không hợp nhất 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;
}

Ví dụ sử dụng:

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

Việc bổ sung Object.mixinhiện đang được thảo luận để quan tâm đến hành vi mà bạn đang yêu cầu. https://mail.mozilla.org/pipermail/es-discuss/2012-December/027037.html

Mặc dù nó chưa có trong bản nháp ES6, nhưng có vẻ như có rất nhiều hỗ trợ cho nó, vì vậy tôi nghĩ rằng nó sẽ sớm xuất hiện trong bản nháp.

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 hoặc Babel

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

Có lẽ Object.definePropertiesphương pháp ES5 sẽ thực hiện công việc?

ví dụ

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

Object.defineProperties(a, b);

alert(a.age); // 37

Tài liệu MDN: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/defineProperies