js笔记四十一类数组转换为数组(浏览器异常捕获)

类数组转换为数组

<div name="box"></div><div name="box"></div><div name="box"></div><div name="box"></div><div name="box"></div><script type="text/javascript">
    var oLis = document.getElementsByTagName("div");    console.dir(oLis); // -> HTMLCollection 元素集合类的一个实例,它也是一个类数组集合

    var oBox = document.getElementsByName("box");    console.dir(oBox); // -> HTMLCollection 节点集合类的一个实例,它也是一个类数组集合</script>

<div name="box"></div><div name="box"></div><div name="box"></div><div name="box"></div><div name="box"></div><script type="text/javascript">
    // 现代浏览器(ie6~8会报错)
    var oLis = document.getElementsByTagName("div");    var ary = Array.prototype.slice.call(oLis);    console.log(ary) // -> [div, div, div, div, div]
    
    // ie6~8
    for(var i=0;i<oLis.length; i++){
        ary[ary.length] = oLis[i]
    }    
    // -> 在 ie6~8浏览器中, 不支持借用数组的slice实现将元素集合的类数组转换为数组
    // -> 但是对于arguments借用数组的方法是不存在任何兼容性问题的 </script>

浏览器异常信息捕获

js中使用try catch进行浏览器的异常信息捕获

console.log(num) // -> Uncaught ReferenceError: num is not defined// 在浏览器中本行信息报错,后面的代码都不再执行了console.log("ok")

try{    // <js code>}catch(e){    // 如果代码报错执行catch中的代码}finally{    //一般不用: 不管try中的代码是否报错,都要执行finally中的代码}

• 第二行代码报错,如果用try/catch捕获了异常信息,不影响下面的代码继续执行; 如果try中的代码执行出错了,会默认的执行catch中的代码

try{    console.log(num)
}catch(e){ // -> 形参必须要写,我们一般起名为e
    console.log(e.message) // -> num is not defined  
    // 收集代码报错信息}console.log("ok") // ok

有时候既想捕获到错误的信息, 又想不让下面的代码继续执行

try{    console.log(num)
}catch(e){    // console.log(e.message); -> 可以得到错误的信息,把其进行统计
    
    // 手动抛出一条错误信息, 终止代码执行
    throw new Error("当前网络繁忙,请稍后再试...")
}console.log("ok")

• new Error -> 错误实例

• new TypeError -> 引用错误

• new ReferenceError -> 类型错误

• new RangeError -> 范围错误

var utils = {    listToArray: function(likeAry){        var ary = [];        try{
            ary = Array.prototype.slice.call(likeAry);
        }catch(e){            for(var i=0;i<likeAry.length;i++){
                ary[ary.length] = likeAry[i];
            }
        }        return ary;
    }

作者：uplyw
链接：https://www.jianshu.com/p/7a6f662bc818