Console 相关操作

Console在javaScript调试相关操作

@(Console)[javaScript]

在Web开发调试javaScript中,经常要在页面上输出相关对象或者某些属性值,我之前一直采用的alert()。但是在对象面前显得苍白无力,用console比较方便,可以debug时查看对象具体的值。实际上alert是弹出提示而console.log()是在调试工具里打印日志。

console.log()/console.debug()/console.info()/console.error()等方法,可以用易读的方式输出变量以及对象等;

@(范例)console.log 用来输出普通信息;
console.info 用于输出提示性信息;
console.error用于输出错误信息;
console.warn用于输出警示信息;

console.log(“test”);
console.info(“test”);
console.debug(“test”);
console.error(“test”);
console.warn(“test”);
在浏览器下输出结果如图:
这里写图片描述

alet与console的区别

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

console

[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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值