javascript - 如果语句没有执行正确的代码？

Question

因此，我正在尝试使用 javascript 开发一款用于练习的 Tic Tac Toe 游戏，但我遇到了障碍。我有一个应该返回 true 的 if 语句，但事实并非如此。这是一个示例。

var game = true;
var x = 'X';
var o = 'O';
var blank = '';

var turn = x;
var board = [blank, blank, blank,
             blank, blank, blank,
             blank, blank, blank];

function write() {

    $('td').click(function() {
        //Making sure that the block that was clicked can only be clicked once
        var id = $(event.target).attr('id');
        var digit = parseInt(id.slice(-1));
        //check to see of the block has been clicked on
        if (board[digit] = blank) {
            board[digit] = turn;
            $(board[digit]).html(turn.toUpperCase());
            if (turn = x) {
                turn = o;
            } else if (turn = o) {
                turn = x;
            }

        } else {
            alert("That box has already been clicked on!")
        }
    }); 

}

Answer 1

乍一看，您有两个问题。

首先，event 是未定义的。在您的 .click 调用中将其定义为函数参数。

 $('td').click(function(event) { /* rest of the code */ }

其次，正如 Pointy 评论的那样，= 用于赋值，== 和 === 用于比较。因此

if (board[digit] = blank) { /**/ }

需要

if (board[digit] === blank) { /**/ }

关于== 和=== 之间的区别，您可以在这里获得更多信息 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness

简短版本，首选 === 除非你绝对确定你知道你在做什么并且想明确地使用 ==。