专栏首页性能与架构jQuery 3.0 的一个小问题

jQuery 3.0 的一个小问题

jQuery 前阶段推出了3.0版本,改动非常大,如果要使用 3.0 的话,建议先仔细了解一下新特性,否则会引起一些小问题,例如下面的代码

<html>
<head>
    <meta charset="utf-8">
    <script src="jquery-3.0.min.js"></script>
    <script>
 $(function (){
       $('#container').html('你好');
    })
    </script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

非常简单,此时没有任何问题,可以正常显示内容,但如果 $(function (){... }) 内部出现异常,让人困扰的问题便来了

添加一个异常后的状态

$(function (){
 throw new Error('出错了');
     $('#container').html('你好');
});

页面不显示内容是正常的,但控制台也没有显示任何错误信息,显然和我们的预期不一样

因为在使用 jquery 2 时,这种情况下,控制台是可以提示错误的

<script src="jquery-2.1.3.min.js"></script>
<script>
$(function (){
 throw new Error('出错了');
    $('#container').html('你好');
});
</script>

解决办法

因为 jquery 3.0 正式支持了 promise,所以可以对 .ready() 使用 promise 形式,使用 fail 抛出异常

例如

$.ready.then (function() {
 throw new Error('出错了');
    $('#container').html('你好');
}).fail (function(error) {
 throw error;
});

这时控制台就可以显示出错误信息了

本文分享自微信公众号 - 性能与架构(yogoup),作者:杜亦舒

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-07-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Linux top命令的数据从哪儿来?

    top命令是linux下非常重要的命令,帮助我们快速查看系统状态 那么top是如何获取系统各项状态指标的呢? 我们用strace命令跟踪一下top的执行 ...

    dys
  • 网站性能指标 - Apdex指数

    假设有两个架构设计方案:方案A 和 方案B 方案A 并发请求 < 200 时,响应时间为 0.5秒 并发请求 > 1000 时,响应时间为 10秒 方案...

    dys
  • Javascript promise 模式是什么?

    什么promise模式 先看一个场景 ? A 中执行了ajax请求,在回调函数中调用了B,B 中又是一个ajax请求 这种代码方式会有问题 (1)可读性太...

    dys
  • jquery中各个属性的应用

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf...

    闵开慧
  • 小心陷阱!品牌营销数据管理平台(DMP)搭建风险

    大数据文摘
  • SAP最佳业务实践:MM–交货与库存调拨(134)-1业务概览

    用途 由 MRP自动或由采购员手动将请求的物料从一个工厂转储到另一个工厂(在同一公司代码)。 优点 提供工厂的已订购物料库存和在途库存的透明视图 有效处理...

    SAP最佳业务实践
  • PaaS平台 OpenStack和CloudFoundry谁沉谁浮?

    企业PaaS供应商Cloud Foundry 2月下旬已经正式从Pivotal分离出来,Cloud Foundry将通过Cloud Foundry基金会继...

    静一
  • 如何利用JavaScript的arguments对象实现用代码打印调用栈的需求

    Jerry Wang
  • 云计算数据中心和传统IDC有何区别?

    数据中心是一整套复杂的设施,它不仅仅包括计算机系统和其它与之配套的设备(例如通信和存储系统),还包含冗余的数据通信连接、环境控制设备、监控设备以及各种安全装置”...

    企鹅号小编
  • 大数据Hadoop解决方案的形势

    根据最新的Forrest报告,有很多公司都在努力挖掘他们拥有的大量数据,包括结构化、非结构化、半结构化以及二进制数据等,探索对数据的深入利用。下面是报告结论...

    静一

扫码关注云+社区

领取腾讯云代金券