为什么不调用我的回调？

Question

var handler = new Handler();

var iife = (function() {
    return {
        doAlert: doAlert
    };

    function doAlert() {
        alert('testing');
    }
})();

function Bar(){
  this.doFirst = function(){
    handler.add("x", iife.doAlert);
  }
}

function Handler(){
  this.add = function(caption, callback){
    var linkText = document.createTextNode(caption);
    var href = document.createElement("a");
    href.appendChild(linkText);
    href.setAttribute("href", "#");
    href.setAttribute("onclick", callback);

    $(".bc").append(href);
  }
}

给定此代码，我的回调在Dom中显示为

function doAlert() {
    alert('testing');
}

这实际上是在我的onclick属性中。 显然这不是我想要的。 我需要怎么做才能显示警报？ 我原本希望看到类似doAlert()东西，为什么不这样呢？

Answer 1

属性值是字符串。 由于要传递函数，因此会隐式调用其.toString()方法来设置onclick的属性值。

切勿使用onclick属性。 使用addEventListener代替 。

href.addEventListener("click", callback);