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 相关文章推荐
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
JavaScript极简入门教程(三):数组
Oct 25 Javascript
js实现的页面矩阵图形变换特效
Jan 26 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
javascript、php关键字搜索函数的使用方法
May 29 Javascript
基于vue循环列表时点击跳转页面的方法
Aug 31 Javascript
详解ES6中的 Set Map 数据结构学习总结
Nov 06 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
vue实现配置全局访问路径头(axios)
Nov 01 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来处理多个提交任务
2006/10/09 PHP
WordPress中"无法将上传的文件移动至"错误的解决方法
2015/07/01 PHP
php实现将Session写入数据库
2015/07/26 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
jquery ready()的几种实现方法小结
2010/06/18 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
JS动态调用方法名示例介绍
2013/12/18 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
vuejs指令详解
2017/02/07 Javascript
微信小程序 解析网页内容详解及实例
2017/02/22 Javascript
浅析vue component 组件使用
2017/03/06 Javascript
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
利用js编写网页进度条效果
2017/10/08 Javascript
vue弹窗组件的实现示例代码
2018/09/10 Javascript
Vue自定义全局Toast和Loading的实例详解
2019/04/18 Javascript
js代码实现轮播图
2020/05/04 Javascript
从零学Python之入门(五)缩进和选择
2014/05/27 Python
python里将list中元素依次向前移动一位
2014/09/12 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
深入理解NumPy简明教程---数组1
2016/12/17 Python
Android基于TCP和URL协议的网络编程示例【附demo源码下载】
2018/01/23 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
生物制药毕业生自荐信
2013/10/16 职场文书
旅游专业职业生涯规划范文
2014/01/13 职场文书
端午节粽子促销活动方案
2014/02/02 职场文书
私人会所最新创业计划书范文
2014/03/24 职场文书
廉洁自律演讲稿
2014/05/22 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
四则混合运算教学反思
2016/02/23 职场文书
新员工入职感言范文!
2019/07/04 职场文书