javascript - 函数创建带有传递参数的按钮 onclick 函数

Question

有人能像我五岁那样解释一下为什么它在没有点击事件的情况下执行该功能吗？以及如何修复它。谢谢。

function test(){
    alert("works");
}

function createButton(name,location,id,funX){
    var button = document.createElement("input");
    button.type = "submit";
    button.name = name;
    button.id = id;
    button.onclick = funX;
    var placeHolder = document.getElementById(location);
    placeHolder.appendChild(button);
};



window.onload = function () {
    createButton("Submit","content","submitEnd",test());
};

http://jsfiddle.net/mabui91/yLoty39s/

Answer 1

当你给一个函数加上括号时，你就调用了它。不是稍后，而是就在此时此地，您返回函数返回的内容。

javascript 中的函数默认返回 undefined，除非您显式返回其他内容。

你真正写的是

createButton("Submit", "content", "submitEnd", undefined);

最后的undefined是因为你调用了这个函数，所以和

var result = test(); // undefined

createButton("Submit", "content", "submitEnd", result);

解决方法是引用函数，而不是调用

createButton("Submit", "content", "submitEnd", test);

看，没有括号。

FIDDLE