Mục đích của `Object (target)` trong `Object.assign()` polyfill

Question

Trong ví dụ MDN page forObject.assign(), polyfill ví dụ đầu tiên bao bọc tất cả các nguồn và tham số đích trong Object() trước khi lặp qua các thuộc tính. (ví dụ: Object(target), Object(source1), Object(source2) ...).

Văn bản cũng đề cập rằng các thuộc tính bổ sung được thêm trực tiếp vào mục tiêu trước khi trả về đích. Tuy nhiên, gói mục tiêu trong Object() kết quả trong một đối tượng khác với các thuộc tính tăng thêm đơn giản. (ví dụ: Object(target).newProp !== target.newProp).

Tất cả các ví dụ được cung cấp có đối tượng làm tham số cho Object.assign(). Do đó, trường hợp sử dụng cho các tham số đích hoặc đối tượng không phải là đối tượng không rõ ràng.

A) Mục đích của việc bao gồm các tham số trong Object() là gì? (Tôi đang trong ấn tượng rằng Object.keys(x) giống như Object.keys(Object(x))).

B) Trường hợp sử dụng có thể sử dụng Object.assign() với các đối tượng không phải là đối tượng nào? (Ví dụ một cái gì đó như: Object.assign(1, 'b', [3], true, function(){}))

Answer 1

Hãy phá vỡ nó xuống:

Kiểm tra nếu đối tượng tồn tại, nếu không làm cho nó:

if (!Object.assign) { 

Hãy phương pháp thông qua Object.defineProperty và thêm nó vào Object

Object.defineProperty(Object, 'assign', { 
    enumerable: false, 
    configurable: true, 
    writable: true, 

Ở đây, chức năng thực tế được đặt. Một trong những nhu cầu để cung cấp một mục tiêu và một nguồn tối thiểu.

value: function(target, firstSource) { 
     'use strict'; 

Nếu mục tiêu không được định nghĩa ném ra một lỗi.

 if (target === undefined || target === null) { 
     throw new TypeError('Cannot convert first argument to object'); 
     } 

Cast mục tiêu đối tượng định dạng. (Ví dụ: Chuỗi 1234 để [object String]{0: "1", 1: "2", 2: "3", 3: "4", length: 4}.

 var to = Object(target); 

Bây giờ lặp qua tất cả các nguồn sử dụng các đối tượng đối số của hàm. Bắt đầu với 1, vì 0 là mục tiêu.

 for (var i = 1; i < arguments.length; i++) { 
     var nextSource = arguments[i]; //store the argument in a variable. 
     if (nextSource === undefined || nextSource === null) { 
      continue; //if the source is undefined continue. 
     } 

Sau đó, chúng ta cần tất cả (không chỉ tiếp xúc) các thuộc tính đếm được từ đối tượng nguồn, sử dụng Object.keys kết hợp với Object(source).

 var keysArray = Object.keys(Object(nextSource)); 

lặp qua các phím:

 for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) { 
      var nextKey = keysArray[nextIndex]; //select the key from the index. 

getOwnPropertyDescriptor cho chúng ta thông tin về tài sản dưới hình thức của một đối tượng.

  var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); 

Nếu tài sản không phải là không xác định và là đếm được sau đó thiết lập thuộc tính này như một tài sản để to.

  if (desc !== undefined && desc.enumerable) { 
      to[nextKey] = nextSource[nextKey]; 
      } 
     } 
     } 
     return to; 
    } 
    }); 
} 

Cuối cùng trở to với (nhân bản) đặc tính mới được bổ sung.