对象Javascript方法中的模板文字

Question

我在尝试 console.log 模板文字时遇到问题。正如您在下面看到的，我有一个简单的 samsung 对象，它有一个方法可以打开并将模板文字打印到控制台。

let samsung = {
  model: "S21",
  camera: "48px",
  processor: "Snapdragon888",
  turnOn: function(model, camera, processor) {
    console.log(
      `I have turned on! I am the ${model}, I have a ${camera} camera and a ${processor} processor`
    );
  },
};
console.log(samsung.turnOn());

我尝试了很多不同的方法，使用箭头函数，使用“this”运算符，添加/删除函数的参数，放入“Samsung”而不是“this”等。但它会打印出以下内容不管怎样：I have turned on! I am the ${model}, I have a ${camera} camera and a ${processor} processor

Answer 1

您没有向函数传递任何参数，因此默认为undefined。

如果要获取对象的属性值，使用this引用该对象：

let samsung = {
  model: "S21",
  camera: "48px",
  processor: "Snapdragon888",
  turnOn: function() {
    console.log(
      `I have turned on! I am the ${this.model}, I have a ${this.camera} camera and a ${this.processor} processor`
    );
  },
};
console.log(samsung.turnOn());

Answer 2

只是为了让你了解情况：

this 可用于引用执行范围的当前对象，对于您的示例，它是您定义的对象。

使用该关键字可以访问任何可用的方法 (this.turnOn()) 或属性 (this.camera)。

使用箭头函数时的一个注意事项是this 会丢失它的值，因此在使用哪种语法定义方法时要小心。

在您的情况下，如果您在对象外部定义函数并使用 . 运算符分别传递每个参数，它可能会起作用。

const turnOn = (model, camera, processor) => {
    console.log(
      `I have turned on! I am the ${model}, I have a ${camera} camera and a ${processor} processor`
    );
};
turnOn(object.model, object.camera, object.processor);

或者使用this和对象内部定义的方法来引用每个属性。