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()

找印一条报错信息

console 使用详解_第1张图片
image.png

4,console.group()

创建树状群组

console 使用详解_第2张图片
image.png

5,console.groupCollapsed()

创建一个新的内联树组。

console 使用详解_第3张图片
image.png

6,console.groupEnd()

结束当前组

console 使用详解_第4张图片

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);
console 使用详解_第5张图片
image.png

8,console.log()

打印字符串

console 使用详解_第6张图片
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();
}

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


console 使用详解_第7张图片
image.png

12,console.warn()

打印一个警告信息

console 使用详解_第8张图片
image.png

13,console.table()

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

console.table(languages);
console 使用详解_第9张图片
image.png

你可能感兴趣的:(console 使用详解)