IE8对象当对象包含null值时应出现错误
IE8 Object Expected error when object contains null value
我正在使用一个小的多边形填充,以便使Object.key可用于IE8。当我的对象包含所有值时,一切似乎都很正常。然而,当我在对象中有空值时,我会得到一个关于预期对象的错误。我不知道为什么有一个null会很重要。我的代码如下:
var data = [{
x: Date.UTC(2014, 8, 1),
y: 730,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2014, 9, 1),
y: 742,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2014, 10, 1),
y: 746,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2014, 11, 1),
y: null
}, {
x: Date.UTC(2015, 0, 1),
y: 737,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2015, 1, 1),
y: 751,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2015, 2, 1),
y: 765,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2015, 3, 1),
y: 766,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2015, 4, 1),
y: 757,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2015, 5, 1),
y: 750,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2015, 6, 1),
y: 748,
pf: ["001", "002"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}, {
x: Date.UTC(2015, 7, 1),
y: 723,
pf: ["001", "003"],
nf: ["001", "002"],
t: ["001", "002"],
im:["001"]
}]
var pfMap = {
"001": {
"sd": "HI",
"ld": "By"
},
"002": {
"sd": "HI",
"ld": "By"
}
}
var nfMap = {
"001": {
"sd": "HI",
"ld": "By"
}
}
var tMap = {
"001": "Hi",
"002": "by"
}
var imMap={
"001":"HI"
}
// Shim added to aid in IE8
if (!Object.keys) {
Object.keys = (function() {
'use strict';
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug = !({ toString: null }).propertyIsEnumerable('toString'),
dontEnums = [
'toString',
'toLocaleString',
'valueOf',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'constructor'
],
dontEnumsLength = dontEnums.length;
return function(obj) {
if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
throw new TypeError('Object.keys called on non-object');
}
var result = [], prop, i;
for (prop in obj) {
if (hasOwnProperty.call(obj, prop)) {
result.push(prop);
}
}
if (hasDontEnumBug) {
for (i = 0; i < dontEnumsLength; i++) {
if (hasOwnProperty.call(obj, dontEnums[i])) {
result.push(dontEnums[i]);
}
}
}
return result;
};
}());
}
//recursion
function traverseData(data, elementName) {
var keys = Object.keys(data);
for (var i = 0; i < keys.length; ++i) {
if (Object.prototype.toString.call(data[keys[i]]) == "[object Object]" || Object.prototype.toString.call(data[keys[i]]) == "[object Array]") {
traverseData(data[keys[i]], keys[i]);
} else {
if (elementName != null && window[elementName + "Map"]) {
data[keys[i]] = window[elementName + "Map"][data[keys[i]]];
}
}
}
}
traverseData(data, "data");
var end = data;
正如你所看到的,这是一个简单的递归,我正在构建它来创建一个新的图表对象。如果您注意到数据对象上的第4个条目的y值设置为null。如果我在这里填写一个数字,一切都会按预期进行。然而,如果它被保留为null,我会得到错误。知道为什么吗?
编辑:在polyfill中抛出错误的有问题的行。我有它在块吹评论
if (hasDontEnumBug) {
for (i = 0; i < dontEnumsLength; i++) {
if (hasOwnProperty.call(obj, dontEnums[i])) { // Throws error here
result.push(dontEnums[i]);
}
}
}
首先,用于检测null
值的逻辑存在问题:
if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
throw new TypeError('Object.keys called on non-object');
}
如果obj
是null
,那么typeof obj
将是"object"
。
试试这个:
if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null)
现在,您将得到自定义的Object.keys called on non-object
错误。
此null
是由于
Object.prototype.toString.call(data[keys[i]]) == "[object Object]"
根据ECMAScript 5,Object.prototype.toString.call(null)
必须返回"[object Null]"
。但在旧的浏览器上,它可能会生成"[object Object]"
。
相反,你可以使用
if(typeof data[keys[i]]=== 'object' && data[keys[i]])
相关文章:
- object响应时出现对象错误javascript
- Google嵌入API cb=gap对象错误
- JavaScript JSON对象对象错误
- JSON字符串到JavaScript对象错误
- Symfony2 JSON 对象 - 错误未捕获类型错误:无法使用“in”运算符搜索“636”
- 使用 Javascript 读取 JSON 对象(错误)
- 新的 $.fn.MyObject() 在 IE8 中触发“预期对象”错误
- 如何删除未定义的对象错误并根据位置重定向用户
- “'$' 为空或不是对象 ” 错误在 ajax 响应中
- 如何使用 AJAX 发布多个 JQuery 值并避免对象错误
- 我在IE移动版中使用计时器时收到[对象错误]
- IE8 中出现“需要对象”错误
- 存储为空或不是 dojo 中的对象错误
- IE 中需要 JavaScript 对象错误
- GSON 不是对象错误
- 如何使用TinyMCE和Internet Explorer 8解决“需要对象”错误消息
- 工作灯适配器 它不是一个函数,它是“对象”.错误
- IE8 - “为空或不是对象”错误
- 将小时数添加到 JavaScript 日期对象错误
- AJAX 请求导致“未定义不是对象”错误