javascript - 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 函数是我正在实现的上下投票系统的脚手架。当第一次单击 upvote 或 downvote 按钮时，函数按预期执行，调用 vote() 但第二次单击 vote() 函数被称为未定义。任何想法为什么？

Answer 1

该功能正在删除自身

vote = 100

它替换了vote外部范围内的变量值（以前是函数，现在是数字）。

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