js遇到了“诡异”的现象

Question

这是我写的一个向数组添加元素的函数

 function addProject(whereToAdd){
    var winObj = $("#winProject");
    var yesButton = winObj.find(".yes").eq(0);

    for( var j = 0 ; j < winObj.find("input").length ; j++ ) //清除旧值
        winObj.find("input").eq(j).val("");

    winObj.slideDown(100);

    yesButton.click(function(){
        var projectName = $("#projectName").val();

        if( projectName != "" ){
            var projectMoney = $("#projectMoney").val() ? parseInt($("#projectMoney").val()) : 0; 

            var project = new Project(projectName,projectMoney);
            whereToAdd.push(project);

            winObj.slideUp(200);
        }else{
            alert("还没有填项目名啊！");
        }
    });
}

这是调用他的地方

 $("#addProject").click(function(){
        addProject(projectArr);
        print(projectArr);
    });

这是测试输出，为啥这么诡异 为啥还一次比一次多了？我期待的是一次存一个

Answer 1

因为你没执行一次addProject这个函数，yesButton就会继续绑定一次click事件，叠加起来了，所以会成倍的+内容

yesButton.click(function(){事件绑定放到addProject函数外

    winObj.find(".yes").eq(0).click(function(){
        var projectName = $("#projectName").val();

        if( projectName != "" ){
            var projectMoney = $("#projectMoney").val() ? parseInt($("#projectMoney").val()) : 0; 

            var project = new Project(projectName,projectMoney);
            whereToAdd.push(project);

            winObj.slideUp(200);
        }else{
            alert("还没有填项目名啊！");
        }
    });



  function addProject(whereToAdd){
    var winObj = $("#winProject");
    var yesButton = winObj.find(".yes").eq(0);

    for( var j = 0 ; j < winObj.find("input").length ; j++ ) //清除旧值
        winObj.find("input").eq(j).val("");

    winObj.slideDown(100);

}