为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
JavaScript

类数组转换为数组

<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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消