Question

在setTimeout循环中运行for时，我注意到React Native的行为很奇怪。下面的代码在浏览器上运行良好：

const myString = '111000111';

for(var x =0; x < myString.length; x++) {
  if (myString[x] == '1') {
    (function(index) {
      setTimeout(()=>{
        console.log('number ' + index);
      }, index * 1000);
    })(x)
  }
}

在浏览器中的结果是：

number 0
number 1
number 2
number 6
number 7
number 8

但是当使用React Native运行相同的代码时，结果是：

number 0
number 1
number 8
number 2
number 7
number 6

Answer 1

无法保证将在何时何地触发超时，并且不同的JS实现将产生不同的结果（例如，如果RN应用正忙于执行其他操作，则稍后可能会触发超时）。

如果您需要按照特定的顺序排列它们，则需要更改实现，请使用队列或类似的方法。

React Native-循环内的setTimeout

1 个答案: