javascript - 这在对象字面量中叫什么？-6ren

javascript - 这在对象字面量中叫什么？

转载作者：行者123 更新时间：2023-11-30 15:26:55

所以我的问题是，当在方法中使用对象字面量时，我看到人们在做“this.something = ...”

然后在整个对象中引用它。这个叫什么名字？

例如在下面的示例中，如果您查看“CacheDom”方法“this.button = document.getElementById('submit')'，则可以为我们提供稍后可以使用的引用。

我了解“this”关键字的基础知识，在对象内部它将引用该对象，但我发现能够存储元素等并在以后引用它们很奇怪。

本质上，这个的官方术语是什么？

谢谢

https://jsfiddle.net/rvs6ymqj/

HTML

<body>
  <button id="submit" type="submit">Submit</button>
</body>

var obj = {
  init: function() {
    this.cacheDom();
    this.bindEvents();
  },

  cacheDom: function() {
    this.button = document.getElementById('submit');
  },

  bindEvents: function() {
    this.button.addEventListener("click", function() {
      console.log("we clicked the button");
    })
  }
}

obj.init();