Extjs前端控制台报错Uncaught Range Error:Maximum Call Stack Size Exceeded

今天在写代码的时候,控制台报了一个这样的错误Uncaught Range Error:Maximum Call Stack Size Exceeded

//代码大致是这样的
var data={];
var list=[];
var store=Ext.getCmp('CusToolStore');
store.each(function (record) {
    //......省略部分操作
    list.push(record);
});
data.list=list;
console.log(data);//可以正常显示在控制台
console.log(Ext.decode(data)); //报错

这个错误的中文意思就是“最大堆栈超过了最大值”,一般这种错误也是在递归函数当中出现。但是data可以正常输出,Ext.decode(data)也不在递归函数之内,这就很奇怪了。

看到网上说是ext的bug,不要对ext对象进行Ext.encode操作,转为对应json字符会循环引用导致堆栈溢出,我经过检查发现我的list.push(record);这行代码中的record在控制台输出之后数据十分庞大,还包含了许多其他的各种属性,所以导致了溢出。正确的写法应该是list.push(record.data);

 

你可能感兴趣的:(ExtJS)