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 无限级联菜单案例分享
Mar 26 Javascript
jQuery实现预加载图片的方法
Mar 17 Javascript
JavaScript判断表单为空及获取焦点的方法
Feb 12 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
微信小程序 devtool隐藏的秘密
Jan 21 Javascript
vue中的scope使用详解
Oct 29 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
JavaScript实现无限级递归树的示例代码
Mar 29 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 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
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
php使用sql server验证连接数据库的方法
2014/12/25 PHP
php随机抽奖实例分析
2015/03/04 PHP
php恢复数组的key为数字序列的方法
2015/04/28 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
JavaScript Chart 插件整理
2010/06/18 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
2016/01/01 Javascript
jquery实现文本框textarea自适应高度
2016/03/09 Javascript
JavaScript实现in-place思想的快速排序方法
2016/08/07 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
vue实现拖拽效果
2019/12/23 Javascript
基于js实现的图片拖拽排序源码实例
2020/11/04 Javascript
python读取和保存视频文件
2018/04/16 Python
python实现合并两个排序的链表
2019/03/03 Python
python 画3维轨迹图并进行比较的实例
2019/12/06 Python
基于Tensorflow:CPU性能分析
2020/02/10 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
乌克兰的第一家手表店:Deka
2020/03/05 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
促销活动策划方案
2014/01/12 职场文书
大连星海广场导游词
2015/02/10 职场文书
高中班长竞选稿
2015/11/20 职场文书