javascript - 从 onclick 调用类的实例

Question

我的 html 文件中有这个:

<div class="messages">
      <input id="msg" type="text" name="fname">
      <input type="submit" onclick="general.add.call()" value="Send">
      <input type="submit" onclick="viewMsgs()" value="view messages">
    </div>

在我的 js 文件中

(function(){
  var general = new Channel();
  var rich = new Person('Rich');
  var rob = new Person('Rob');
  var message = new Message(rich, rob, "Hello!");
})()

以上我有:

class Channel {
  constructor() {
    this.messages = [];
  }
  add(msg) {
    this.messages.push(msg)
  }

为什么说general未定义？

Answer 1

general 是一个局部变量，仅存在于您包裹代码的 IIFE 内。

它不是全局变量，因此您无法将其作为全局变量进行访问。

使用 addEventListener(在 IIFE 内)绑定(bind)您的事件处理程序，而不是使用 onclick 属性。