javascript中alert()与console.log()的区别
作者:bea
[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. consol
[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,上个月在开发版已经修复了。
有用 | 无用
[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,上个月在开发版已经修复了。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jquery实现LED广告牌旋转系统图片切换效果代码分享
- jquery实现图片水平滚动效果代码分享
- jquery validate和jquery form 插件组合实现验证表单后AJAX提交
- jquery实现漂亮的二级下拉菜单代码
- js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
- jQuery实现的简洁下拉菜单导航效果代码
- jQuery网页选项卡插件rTabs用法实例分析
- jQuery实现带滑动条的菜单效果代码
- js支持键盘控制的左右切换立体式图片轮播效果代码分享
- js鼠标点击图片切换效果代码分享
- jQuery实现的网页竖向菜单效果代码
- js控制多图左右滚动切换效果代码分享
- 简介alert()与console.log()的不同
- jQuery左右滚动支持图片放大缩略图图片轮播代码分享
- JS根据key值获取URL中的参数值及把URL的参数转换成json对象
- jquery实现的横向二级导航效果代码
- jQuery三级下拉列表导航菜单代码分享
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- js钢琴按钮波浪式图片排列效果代码分享