问题描述
因此,我正在阅读CodeGolf上的一些Javascript问题答案,以尝试提高我对Javascript的理解,并在下面的问题Generate Green Spraypaint Patterns中注意到了这个答案。在答案中,我发现了一个for循环。 [对我来说]不是通常的语法,而且无论我如何凝视它,我都无法弄清楚它的作用。我在Mozilla的Javascript Operators页面上找不到对运算符;;
的引用,并且想知道是否有人可以在下面的代码中解释双分号的作用?
b.onclick = async function() {
b.disabled = true;
try {
await f(c,+s.value,+n.value,+m.value,JSON.parse(d.value));
} catch (ex) {
console.error(ex);
}
b.disabled = false;
}
async function f(canvas,size,number,moves,deltas) {
canvas.width = canvas.height = size;
let context = canvas.getContext('2d',{ alpha: false });
context.fillRect(0,size);
let image = context.getimageData(0,size);
for (let i = 0; i < number; i++) {
let x = size / 2 | 0,y = x,j = moves;
for (;;) {
image.data[(x + y * size) * 4 + 1]++;
if (!j--) break;
let valid = deltas.map(([dx,dy]) => [x + dx,y + dy]).filter(([x,y]) => x >= 0 && y >= 0 && x < size && y < size);
if (!valid.length) break;
[x,y] = valid[valid.length * Math.random() | 0];
}
context.putimageData(image,0);
await new Promise(requestAnimationFrame);
}
}
<div>Size: <input id=s type=number min=1 value=250></div>
<div>Pixels: <input id=n type=number min=0 value=800></div>
<div>Moves: <input id=m type=number min=0 value=7000></div>
<div>Deltas: <input id=d value=[[1,2],[-1,[1,-2],[2,1],[-2,-1],-1]]></div>
<div><input id=b type=button value=Go!></div>
<canvas id=c>
可能真的很简单,但只是好奇地学习。只是占位符可以从其嵌套在一起的for循环中获取完全相同的信息?
解决方法
for(;;)
是for
循环声明,其中:
- 没有初始化代码
- 无终止符
- 无终止条件
所以,它等效于while(true)
-它会一直循环直到遇到break
。