为什么fetch json api会出现错误

Question

我对 Json 有一些问题。

1. 当我单击 json 文件时，浏览器或代码编辑器会冻结。
2. 我创建了三个数组变量，但每次我推送项目时浏览器都会出现......推送不是一个函数或给我错误的答案。

示例如下：

首先让我们假设 json 格式是这样的：

//json file

[[{"id":1,"status":'idle',"runTimeStart":121212,"runTimeFinished":12121212},{"id":2,"status":'idle',"runTimeStart":121212,"runTimeFinished":12121212},{"id":3, "status":'idle',"runTimeStart":121212,"runTimeFinished":12121212}]];

//I create three array

var status = [];
var runtimeStart = [];
var runtimeFinished = [];         


fetch('data.json')
.then(data=> data.json())
.then(res=> allData(res))

//Main function is here 

function allData(lop) {
  var long = lop[0];
  for(var i = 0; i <  long.length; i++) {
   runtimeStart.push(long[i].runTimeStart);
   console.log(long[i].runTimeStart);
   console.log(long[i].status);
   console.log(long[i].runTimeFinished);
   status.push(long[i].status);
   console.log(status);
   runtimeStart.push(long[i].runTimeStart);
   console.log(runtimeStart);
   console.log(runtimeStart);
  }
}

您可以在此文本上看到代码，所以当我退出时，格式如下：console.log(long[i].status)。浏览器会冻结一会，结果还是注销状态。

但是当我做这样的事情时：status.push(long[i].status);控制台.log（状态）；它说 push 不是一个函数。

我很困惑为什么结果会出现错误，希望你们能帮助我，非常感谢！

Answer 1

在浏览器中应该避免使用一些变量名称

例如，status 在全球范围内可能被window.status“搞砸”了

其他的是name、origin、length、innerWidth、screenX 等等 - 事实上，如果你 console.log(window) 并深入了解输出的所有原型链，它们将是避免的名字

两种选择

改变

var status = [];
status.push(....);

等

到

var _status = [];
_status.push(....);

或其他一些变化

或者，将该代码放入函数中

function whatever() {
    var status = [];
    ...
    status.push(.....);
}

这也可能解释了“冻结”