可怜的用例 - 简单的例子

Question

我读上Object.assign()的MDN docs和跨一个短语来了，我不明白：

的Object.assign（）方法仅复制可枚举并拥有从源对象到目标对象的属性。它使用源上的[[Get]]和目标上的[[Set]]，所以它会调用getter和setter。因此它分配属性而不是复制或定义新属性。如果合并源包含getter，这可能会使它不适合将新属性合并到原型中。为了将属性定义（包括其可枚举性）复制到原型中，应该使用Object.getOwnPropertyDescriptor（）和Object.defineProperty（）。

特别是这一行：

这可能使其不适合用于合并新特性为原型，如果合并源包含干将。

我不完全确定什么是一个很好的例子是倡导反对使用Object.assign。

Answer 1

A getter是用于返回属性值的属性的访问器函数。这是一个getter对象的样子：

var obj = { 
 
    get example() { 
 
     console.log("getter was called"); 
 
     return Math.floor(Math.random() * 100); 
 
    } 
 
}; 
 
console.log(obj.example); 
 
// Note no() ---------^

注意，当我们读到example属性的值，函数获取运行，即使它看起来并不像一个函数呼叫。

MDN文档的那部分内容是，Object.assign将调用该getter，它不会在目标对象上创建一个等效的getter。所以：

var obj = { 
 
    get example() { 
 
     console.log("getter was called"); 
 
     return Math.floor(Math.random() * 100); 
 
    } 
 
}; 
 
var obj2 = Object.assign({}, obj); // calls getter 
 
console.log(obj2.example);   // just has a simple value 
 
console.log(obj2.example);   // same value, no call 
 
console.log(obj2.example);   // same value, no call

obj的example酒店有一个getter，但obj2的example属性只是一个简单的价值属性。 Object.assign没有复制吸气剂，它只是抓住吸气剂的当前值并将其分配给obj2.example。

您可以副本干将，只是不能与Object.assign：

function copyProperties(target, source) { 
 
    Object.getOwnPropertyNames(source).forEach(name => { 
 
     Object.defineProperty(
 
      target, 
 
      name, 
 
      Object.getOwnPropertyDescriptor(source, name) 
 
     ); 
 
    }); 
 
    return target; 
 
} 
 
var obj = { 
 
    get example() { 
 
     console.log("getter was called"); 
 
     return Math.floor(Math.random() * 100); 
 
    } 
 
}; 
 
var obj2 = copyProperties({}, obj); // calls getter 
 
console.log(obj2.example);   // calls getter 
 
console.log(obj2.example);   // calls getter 
 
console.log(obj2.example);   // calls getter

当然，如果吸气不是设计对象之间进行复制（例如，如果example的明确使用obj），你可能会得到意想不到的结果。