大气家具营销型网站源码,建筑设计服务平台,天工网工程信息网官网,网站建设和维护的教程语言#xff1a; TypeScript
在线工具#xff1a; PlayGround console console 对象是一个非常强大的控制台日志显示工具#xff0c; 可以帮助我们在浏览器中调试代码。 注#xff1a; console不属于TypeScript的语法#xff0c;而是由JavaScript封装的内置对象。 简单的…语言 TypeScript
在线工具 PlayGround console console 对象是一个非常强大的控制台日志显示工具 可以帮助我们在浏览器中调试代码。 注 console不属于TypeScript的语法而是由JavaScript封装的内置对象。 简单的示例
let array [1, 2, 3, 4, 5];
console.log(array.toString()); // 1,2,3,4,5
console.log(hello, TypeScript); // hello, TypeScript 提供的接口有
接口说明assert()断言如果断言为false则将信息写入控制台clear()清空控制台并输出 Console was clearedcount()以参数为标识记录调用的次数调用时在控制台打印标识以及调用次数countReset()重置指定标签的计数器值debug()在控制台打印一条 debug 级别的消息dir()显示一个由特定的 Javascript 对象列表组成的可交互列表dirxml()打印 XML/HTML 元素表示的指定对象否则显示 JavaScript 对象视图error()打印一条错误信息group()创建一个新的内联分组, 后续所有打印内容将会以子层级的形式展示groupCollapsed()创建一个新的内联分组同group类似但它打印出来的内容默认是折叠的groupEnd()关闭内联分组与group或groupCollapsed配合使用info()打印资讯类说明信息log()打印内容的通用方法table()将列表型的数据打印成表格time()启动一个以入参作为特定名称的定时器timeEnd()结束特定的定时器并以毫秒打印其从开始到结束所用的时间timeLog()打印特定定时器所运行的时间timeStamp()添加一个标记到浏览器的 Timeline 或 Waterfall 工具trace()输出堆栈信息warn()输出警告消息到控制台 注 更多内容可参考: Console API 示例 在项目中为标明不同类型信息的重要程度主要调用的几个接口
info()/log() 输出日志灰色或黑色显示用于表示正在进行的操作debug() 测试日志黑色显示用于表示做的测试操作warn() 警告日志黄色显示表示开发者最好处理但不处理也不会影响运行error() 错误日志红色显示表示开发者必须解决该问题
文字不同颜色的显示主要得益于console 对象支持使用%c为内容定义样式示例
console.info(%cThis is info message, color:gray;);
console.log(%cThis is log message, color:block;);
console.debug(%cThis is debug message, color:green;);
console.warn(%cThis is warn message, color:yellow;);
console.error(%cThis is error message, color:red;);其他的一些示例如下
assert 断言如果条件为false 则输出日志
let obj null;
console.assert(obj, Error: obj is null);
// Error: obj is nullcount()/countReset() 输出调用的次数或重置
function log() {console.count(count);
}
log();
log();
console.countReset(count);
log();// count: 1
// count: 2
// count: 1dir() 用于输出JavaScript对象表 **time()/timeLog()/timeEnd()**记录某一个操作的运行毫秒
console.time(answer time);
alert(Click to continue);
console.timeLog(answer time);
alert(Do a bunch of other stuff...);
console.timeEnd(answer time);table() 将数据以表格的形式显示 待定…
