欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

console对象

程序员文章站 2022-04-09 16:46:49
...

console对象是js原生对象。

console常见的用途有两个:

1.调试程序,显示网页代码运行中的错误信息。

2.提供一个命令行接口,用来与网页代码互动。

1.1    console.log()

打印日志

1.2   console.table()

对于复合类型的数据,console.table方法可以将其转为表格显示。

var languages = [
  { name: "JavaScript", fileExtension: ".js" },
  { name: "TypeScript", fileExtension: ".ts" },
  { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.table(languages);复制代码

上面代码的language变量,转为表格显示如下。

(index) name fileExtension
0 “JavaScript” “.js”
1 “TypeScript” “.ts”
2 “CoffeeScript” “.coffee”

1.3   console.count()

count方法用于计数,输出它被调用多少次

function greet(user) {
  console.count();
  return 'hi ' + user;
}

greet('bob')
//  : 1
// "hi bob"

greet('alice')
//  : 2
// "hi alice"

greet('bob')
//  : 3
// "hi bob"复制代码

上面代码每次调用greet函数,内部的console.count方法就输出执行次数。

该方法可以接受一个字符串作为参数,作为标签,对执行次数进行分类。

function greet(user) {
  console.count(user);
  return "hi " + user;
}

greet('bob')
// bob: 1
// "hi bob"

greet('alice')
// alice: 1
// "hi alice"

greet('bob')
// bob: 2
// "hi bob"复制代码

上面代码根据参数的不同,显示bob执行了两次,alice执行了一次。

1.4   console.time(),console.timeEnd()

这两个方法用于计时,可以计算出一个操作花费的准确时间。

console.time('Array initialize');

var array= new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
  array[i] = new Object();
};

console.timeEnd('Array initialize');
// Array initialize: 1914.481ms复制代码

time方法表示计时开始,timeEnd方法表示计时结束。它们的参数是计时器的名称。调用timeEnd方法之后,控制台会显示“计时器名称: 所耗费的时间”。


转载于:https://juejin.im/post/5a98bd036fb9a028d7000a98