javascript中alert()与console.log()的区别


Posted in Javascript onAugust 26, 2015

[1]alert()

    [1.1]有阻塞作用,不点击确定,后续代码无法继续执行

    [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法

        e.g. alert([1,2,3]);//'1,2,3'

    [1.3]alert不支持多个参数的写法,只能输出第一个值

        e.g. alert(1,2,3);//1

[2]console.log()

    [2.1]在打印台输出

    [2.2]可以打印任何类型的数据

        e.g. console.log([1,2,3]);//[1,2,3]

    [2.3]支持多个参数的写法

        e.g. console.log(1,2,3)// 1 2 3

alert 和 console.log 的结果不同?

score = [1,2,3];
sortedScore = [];
console.log(score);
sortedScore = score.sort(sortNumber)
console.log(sortedScore);
function sortNumber(a, b) {
  return b - a;
}

以上输出:
[3, 2, 1]
[3, 2, 1]

但是改成alert:

score = [1,2,3];
sortedScore = [];
alert(score);
sortedScore = score.sort(sortNumber)
alert(sortedScore);
function sortNumber(a, b) {
  return b - a;
}

以上输出:
1, 2, 3
3, 2, 1

为什么会这样?不应该都是:
1, 2, 3
3, 2, 1
吗?

经过一番研究发现是chrome实现的问题,对输出做了不太合适的优化,把console.log的实际执行推迟,相当于“惰性”求值,遇上数组、对象这样的引用类型就出上面的问题了。

https://bugs.webkit.org/show_bug.cgi?id=35801

这是一个很有历史的 BUG,上个月在开发版已经修复了。

Javascript 相关文章推荐
ExtJS Grid使用SimpleStore、多选框的方法
Nov 20 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
javascript生成随机数的方法
May 16 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
AngularJS转换响应内容
Jan 27 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
Vue关于数据绑定出错解决办法
May 15 Javascript
微信小程序的日期选择器的实例详解
Sep 29 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
解决layui数据表格Date日期格式的回显Object的问题
Sep 19 Javascript
vue 中url 链接左边的小图标更改问题
Dec 30 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 #Javascript
基于jQuery实现的QQ表情插件
Aug 25 #Javascript
js中javascript:void(0) 真正含义
Nov 05 #Javascript
js实现三张图(文)片一起切换的banner焦点图
Aug 25 #Javascript
js焦点文字滚动效果代码分享
Aug 25 #Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 #Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 #Javascript
You might like
PHP VS ASP
2006/10/09 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
解析php file_exists无效的解决办法
2013/06/26 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
php操作xml并将其插入数据库的实现方法
2016/09/08 PHP
浅谈PHP SHA1withRSA加密生成签名及验签
2019/03/18 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
2013/01/08 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
2016/03/17 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
使用Python来开发Markdown脚本扩展的实例分享
2016/03/04 Python
Python内置函数—vars的具体使用方法
2017/12/04 Python
python方向键控制上下左右代码
2018/01/20 Python
Python3生成手写体数字方法
2018/01/30 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
python命令行工具Click快速掌握
2019/07/04 Python
Python csv模块使用方法代码实例
2019/08/29 Python
详解python播放音频的三种方法
2019/09/23 Python
Python urllib.request对象案例解析
2020/05/11 Python
openCV提取图像中的矩形区域
2020/07/21 Python
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
应聘医学检验人员自荐信
2013/09/27 职场文书
运动会广播稿80字
2014/01/23 职场文书
《匆匆》教学反思
2014/02/22 职场文书
万里长城导游词
2015/01/30 职场文书
八年级物理教学反思
2016/02/19 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书
docker-compose部署Yapi的方法
2022/04/08 Servers