这种继承是如何工作的？

Question

const proto = {
  hello () {
    return `Hello, my name is ${ this.name }`;
  }
};
const greeter = (name) => Object.assign(Object.create(proto), { name });
const george = greeter('george');
const msg = george.hello();
console.log(msg);  

当我遇到上述类型的继承时，我正在阅读JavaScript Scene。我是 JS 新手。

所以，proto 是我们将创建原型的对象。

问题 1：如果proto 是一个对象，它如何在自身内部拥有一个函数而不将其与键关联？不应该是{ "hello" : function(){...} }

与此相关，
问题 2：胖箭头函数可以作为键值对存储在对象中吗？

问题 3.Object.assign 是如何工作的？
阅读 MDN 后，我了解到从第二个参数开始的所有内容都被复制到 target 中，在我们的例子中是一个原型。对吗？

Answer 1

问题 1：如果 proto 是一个对象，它如何在自身内部拥有一个函数而不将其与键关联？不应该是 { "hello" : function(){...} }

这是因为在对象上定义方法的 enw ES6 语法。有关语法的详细信息，请参阅此：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions

问题 2：粗箭头函数可以作为键值对存储在对象中吗？

是的。你可以这样做：

let obj = {
  func: () => {
    console.log(`Hello world!`);
  }
}

obj.func();

问题 3. Object.assign 是如何工作的？

来自文档：

Object.assign() 方法用于将所有可枚举自身属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

Object.assign(target, ...sources)

在您的情况下，它实际上不是原型，而是原型链接到proto 的对象。所以你的greeter 返回一个具有name 的对象，而hello() 方法来自原型链