如何协调“this”引用DOM元素和“this”引用类？-解网

问：

我在理解如何使用关键字来引用已单击的 DOM 元素时遇到了问题，但也在通常引用该类实例的类中使用它。thisthis

下面是相关代码的片段：

class Passwords {
  constructor() {
    $('.password-column button.steel-button').on('click', this.selectButton);
  }
  
  selectButton() {
    $(this).toggleClass('selected');
    this.columnController();
  }
  
  columnController(){
    // A function that does something else
  }
}

我遇到的问题是它无法识别为函数。我想这是因为范围以及它如何与“这个”一起工作，但我不确定如何进行。columnController()

在上面的代码中，已成功应用于所有指定的按钮，但错误在上给出。确切的控制台错误是：selectButton()this.columnController()

未捕获的 TypeError：this.columnController 不是函数

先谢谢你。

JavaScript jQuery 类这个

class Passwords {
  constructor() {
    $('.password-column button.steel-button').on('click', this.selectButton);
  }

  selectButton = (event) => {
    $(event.currentTarget).toggleClass('selected');
    this.columnController();
  }

  columnController() {
    console.log("this runs");
  }
}

new Passwords();

.selected {
  background: blue
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="password-column">
  <button class="steel-button">click</button>
</div>

如何协调“this”引用DOM元素和“this”引用类？

How to reconcile 'this' referencing DOM element and 'this' referencing class?

评论

评论