<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js console</title>
</head>
<body>
<script>
/*参考：https://www.runoob.com/jsref/obj-console.html*/
// 1.console.log(message) 方法用于在控制台输出信息。
// 该方法对于开发过程进行测试很有帮助。
// message, String 或 Object, 必需，控制台上要显示的信息。
let msg = "Hello Runoob!";
console.log("1.msg:", msg);
// msg: Hello Runoob!
let myObj = {name: "菜鸟教程", site: "www.runoob.com"};
console.log("myObj:", myObj);
let myArr = ["Google", "Taobao", "Runoob", "Facebook"];
console.log(myArr);
// 2.console.warn(message) 方法用于在控制台输出警告信息。
// 该方法对于开发过程进行测试很有帮助。
// message，String 或 Object，必需，控制台上要显示的信息。
console.log('');
console.warn("2.Runoob! 这是一个警告信息");
console.warn(myObj);
console.warn(myArr);
// 3.console.error(message) 方法用于输出错误信息到控制台。
// 该方法对于开发过程进行测试很有帮助。
// message，String 或 Object，必须，一个错误信息，可以是字符串或对象。
console.log('');
console.error("3.这是一个错误。");
// 这是一个错误。
console.error("myObj:", myObj);
console.error(myArr);
// 4.console.clear() 方法用于清除控制台所有信息。
// console.clear() 方法在执行成功后，会在控制台输出: "Console was cleared"。
function clearConsole() {
/*功能：清除控制台所有信息。*/
console.clear();
}
// 5.console.info(message) 方法用于在控制台输出信息。
// 该方法对于开发过程进行测试很有帮助。
// message，String 或 Object，必需，控制台上要显示的信息。
// 类似 console.log()。
console.log('');
console.info("5.Hello Runoob!");
console.info(myObj);
console.info(myArr);
// 6.console.time(label)_console.timeEnd(label);
// console.time() 方法是作为计算器的起始方法。
// 该方法一般用于测试程序执行的时长。
// console.timeEnd() 方法为计算器的结束方法，并将执行时长显示在控制台。
// 如果一个页面有多个地方需要使用到计算器，可以添加标签参数来设置。
// label，String，可选，用于给计算器设置标签。
// tablecolumns，Array，可选，一个数组，表格标题栏的名称。
console.log('');
console.log('6.');
let sum = 0;
console.time("time1");
for (let i = 0; i < 1000000; i++) {
// sum += i;
}
console.timeEnd("time1");
// time1: 6.7099609375ms
console.time("time2");
for (let i = 0; i < 1000000; i++) {
// sum += i;
}
console.timeEnd("time2");
// time2: 7.56884765625ms
let i, n = 100000;
console.time("for 循环测试");
for (i = 0; i < n; i++) {
// 代码部分
}
console.timeEnd("for 循环测试");
// for 循环测试: 14.176025390625ms
i = 0;
console.time("while 循环测试");
while (i < n) {
i++
}
console.timeEnd("while 循环测试");
// while 循环测试: 11.905029296875ms
</script>
<button οnclick="clearConsole()">4.清除控制台</button>
</body>
</html>
