push方法的兼容性问题

在IE8及以下中,不支持aplly方法中的第二个参数是 伪数组

需要对push方法进行封装。

将 push 的判断,放入一个沙箱中:
好处:在页面加载的时候就会执行这段代码,保证了代码只会检测一次
以后的操作中直接使用调用 push 即可。
jquery源码中也是这样封装的,在用jquery操作DOM元素时,不需要考虑此兼容性问题啦
 1 var push = [].push;
 2 try {
 3     // 判断 push 是否可用
 4     var container = document.createElement("div");
 5     container.innerHTML = "<p></p><p></p>";
 6     push.apply([], container.childNodes);
 7 } catch(e) {
 8     // 自己封装push方法
 9     push = {
10         apply: function(target, els) {
11             var j = target.length;
12                 i = 0;
13             while(target[j++] = els[i++]) {}
14             target.length = j - 1;
15         }
16     };
17 } finally {
18     container = null;
19 }

 例如:

var arr = [1, 2, 3];

[].push(arr, {"a", "b"});

console.log(arr);  // [1, 2, 3, "a", "b"]  IE8也可正常输出

posted @ 2016-11-10 18:23  cnjs  阅读(1430)  评论(0编辑  收藏  举报