javascript函数未在第二次调用时定义

Question

<script type="text/javascript">
        function vote(element, val){
            prev_vote=0;
            vote = 100
            can_vote = element.find('.vote-permission').attr('value')
            alert(can_vote);
            if (can_vote=='yes'){
                if (prev_vote==0){ 
                    alert("previous vote is 0");
                    // user has not cast vote for image before
                    vote_score = vote + val;
                    element.find('.vote-count-post').text(vote_score);
                }
                else if (prev_vote != 0){
                    // user has cast a vote before
                    if (prev_vote == 1 && val == -1){
                        vote_score = vote - 2;
                        element.find('.vote-count-post').text(vote_score);
                    }
                    else if (prev_vote == -1 && val == 1){
                        vote_score = vote + 2;
                        element.find('.vote-count-post').text(vote_score);
                    }
                }
            }
        };

        $(document).on('click', '.votedown', function(e){
            alert($(e.target).prev().text());
            vote($(e.target).parent(), -1);
            alert('vote down is done');
            });

        $(document).on('click', '.voteup', function(e){
            $(e.target).css('background-position', '0 -222px');
            vote($(e.target).parent(), 1);
            alert('vote up is done');
            });
    </script>

上面的javascript函数是我正在实现的上下投票系统的支架。 第一次单击“向上投票”或“向下投票”按钮时，函数将按预期方式执行，并调用vote（），但是第二次单击时，未定义vote（）函数。 有什么想法吗？

Answer 1

该函数正在使用

vote = 100

它替换了外部作用域中的vote变量的值（是该函数，现在是一个数字）。

您可以使用var关键字来阻止它，但是不要使用相同名称的两倍，因为它会破坏可读性。