push方法的兼容性问题

Posted 2020-08-19 !master

在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也可正常输出