时间戳

首页 > 解决方案 > this.dummyproperty = dummyproperty的真正含义是什么？

javascript - this.dummyproperty = dummyproperty的真正含义是什么？

问题描述

我试图在任何地方寻找这个答案，但不知何故我没有找到它。基本上为什么以及出于哪些实际原因我多次看到（尤其是在 React 教程中）这段代码：

const apple = function() {
      this.juice = juice
}

1）是否将“this”的值（范围）链接到果汁属性（来自窗口对象）？2）如果是，它不应该已经指的是“果汁”，因为它不是箭头函数吗？3）如果将参数传递给函数，它会产生一些效果吗？

标签： javascriptfunctionthisfrontend

解决方案

这是函数构造器模式，用于创建对象。

   
const Juice = function(juice) {
      this.juice = juice;
}
const appleJuice = new Juice('apple');
console.log(appleJuice.juice); // apple

const orangeJuice = new Juice('orange');
console.log(orangeJuice.juice); // orange

在 resume 中，您使用函数构造函数创建一个新对象，其中 this 的值指向新创建的 object。您可以创建对象的多个实例（appleJuice、orangeJuice），但每个实例都可以拥有自己的属性值（apple 或 orange）

检查本教程

推荐阅读