在JavaScript中执行的额外操作

当我开始画蛇时，我正试图用js编写一个简单的蛇游戏，框的尺寸是错误的，对于一些警告框，我发现（5*100）+9的计算结果是5009，但只有在同一条线上进行另一次计算时

帆布{
背景色：#000；
}
var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
var-sX=5//蛇头x
var-sY=5//蛇头
var sDir=1//0n1e2s3w，蛇形方向
//而(1){
clearRect（0，0，canvas.width，canvas.height）；//获取上下文
ctx.fillStyle=“#0f0”；
ctx.fillRect（（sX*100）+1，（sY*100）+1，（sX*100）+9，（sY*100）+9）；//画蛇的部分，问题就在这里
警报（（sX*100）+9+“”+sX++（sX*100）+9）；//调试语句
警报（（sX*100）+9）；
//}

ctx.fillRec（）行似乎很好，因为所有的值都是数字。但是，在

警报中，您引入了字符串串联，这会导致完全不同的结果<代码>（5*100）+9

=>

509

，但是

”+（5*100）+9

=>“5009”你知道

fillRect

是fillRect（x，y，宽度，高度）对吗？这里你正在画一个509 x 509的矩形，它的左上角在坐标501501处。烧毁了我的Mjolnir。。。但是

ctx.fillRec（）

行的重复似乎很好，因为所有的值都是数字。但是，在

警报中，您引入了字符串串联，这会导致完全不同的结果<代码>（5*100）+9

=>

509

，但是

”+（5*100）+9

=>“5009”你知道

fillRect

是fillRect（x，y，宽度，高度）对吗？这里你正在画一个509 x 509的矩形，它的左上角在坐标501501处。烧毁了我的Mjolnir。。。但是复制的