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 相关文章推荐
js setTimeout 参数传递使用介绍
Aug 13 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
JS随机数产生代码分享
Feb 24 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 Javascript
一起深入理解js中的事件对象
Feb 06 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
php判断邮箱地址是否存在的方法
2016/02/13 PHP
简单谈谈PHP中strlen 函数
2016/02/27 PHP
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
jQuery Mobile 导航栏代码
2013/11/01 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
2015/10/23 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
关于foreach循环中遇到的问题小结
2017/05/08 Javascript
详解Vue整合axios的实例代码
2017/06/21 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
利用pandas进行大文件计数处理的方法
2018/07/25 Python
python实现PID算法及测试的例子
2019/08/08 Python
django框架两个使用模板实例
2019/12/11 Python
Python importlib模块重载使用方法详解
2020/10/13 Python
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
污水厂厂长岗位职责
2014/01/04 职场文书
xxx同志考察材料
2014/02/07 职场文书
小学生元旦广播稿
2014/02/21 职场文书
中药专业自荐信范文
2014/03/18 职场文书
请假条范文大全
2014/04/10 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
演讲开场白和结束语
2015/05/29 职场文书
运动会通讯稿200字
2015/07/20 职场文书
新娘婚礼致辞
2015/07/27 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
SpringBoot整合Minio文件存储
2022/04/03 Java/Android
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript