console 使用详解

console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console)不同浏览器上它的工作方式是不一样的,Console对象可以在任何全局对象中访问.

被浏览器定义为window.console，也可被简单的sconsole调用

1，console.clear()

清空控制台
例：

var a = 1
a
//1
console.clear()

// 内容清空

2，console.count()

以参数为标识记录调用的次数，调查用时在控制台打印标识以及调用次数。
例：

var user = "";

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

user = "bob";
greet();
user = "alice";
greet();
greet();
console.count("alice");
//"bob: 1"
//"alice: 1"
//"alice: 2"
//"alice: 3"

3，console.error()

找印一条报错信息

image.png

4，console.group()

创建树状群组

image.png

5,console.groupCollapsed()

创建一个新的内联树组。

image.png

6，console.groupEnd()

结束当前组

7,console.info()

打印以感叹号字符开始的信息

var car = "Dodge Charger";
var someObject = {str:"Some text", id:5}; 
console.info("My first car was a", car, ". The object is: ", someObject);

image.png

8，console.log()

打印字符串

image.png

9,console.time()

计时器，接受一个参数作为标识

console.time("answer time");
alert("Click to continue");
console.timeEnd("answer time");

//answer time: timer started
//answer time: 998ms

10，console.timeEnd()

结束特定的计时器

console.time("answer time");
alert("Click to continue");
console.timeEnd("answer time");

//answer time: timer started
//answer time: 998ms

11，console.trace()

打印堆栈跟踪(stack trace)

foo();

function foo() {
  function bar() {
    console.trace();
  }
  bar();
}

控制台中的输出看起来是这样的

image.png

12，console.warn()

打印一个警告信息

image.png

13,console.table()

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

console.table(languages);

image.png