java script console_JavaScript的console命令使用实例

这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.分类输出

console.log('文字信息');

console.info('提示信息');

console.warn('警告信息');

console.error('错误信息');

2.分组输出

console.group('1');

console.log("1-1");

console.log("1-2");

console.groupEnd();

console.group('2');

console.log("2-1");

console.log("2-2");

console.groupEnd();

生成折叠的分组

console.group('1');

console.log("1-1");

console.log("1-2");

console.groupEnd();

console.group('2');

console.log("2-1");

console.log("2-2");

console.groupEnd();

嵌套

console.group('1');

console.group("1-1");

console.group("1-1-1");

console.log('内容');

console.groupEnd();

console.groupEnd();

console.group("1-2");

console.log('内容');

console.log('内容');

console.groupEnd();

console.groupEnd();

console.groupCollapsed('2');

console.group("2-1");

console.log('内容');

console.groupEnd();

console.group("2-2");

console.groupEnd();

console.groupEnd();

3.表格输出

console.table()将传入的对象，或数组以表格形式输出

var Obj = {

Obj1: {

a: "a1",

b: "b1",

c: "c1"

},

Obj2: {

a: "a2",

b: "b2",

c: "c2"

},

Obj3: {

a: "a3",

b: "b3",

c: "c3"

}

}

console.table(Obj);

var Arr = [

["a1","b1","c1"],

["a2","b2","c2"],

["a3","b3","c3"],

]

console.table(Arr);

4.查看对象

显示一个对象的所有属性和方法Console.dir()和Console.log()相同

var ss = {

name: 'AA',

title: 'title1',

}

console.log("console.dir(ss)");

console.dir(ss);

console.log("console.log(ss)");

console.log(ss);

5.查看节点

Console.dirxml()显示一个对象的所有属性和方法

Flowchart

console.log("console.dirxml");

console.dirxml(document.getElementById("sample"));

console.log("console.log");

console.log(document.getElementById("sample"));

6.条件输出

当第一个参数或返回值为真时，不输出内容

当第一个参数或返回值为假时，输出后面的内容并抛出异常

console.assert(true, "see");

console.assert((function() { return true;})(), "see");

console.assert(false, "not see");

console.assert((function() { return false;})(), "not see");

7.记次输出

输出内容和被调用的次数

(function () {

for(var i = 0; i < 5; i++){

console.count("运行次数：");

}

})()

8.追踪调用堆栈

function add(a, b) {

console.trace("Add");

return a + b;

}

function add2(a, b) {

return add1(a, b);

}

function add1(a, b) {

return add(a, b);

}

var x = add2(1, 1);

9.计时

Console.time()中的参数作为计时器的标识，具有唯一性

Console.timeEnd()中的参数来结束此标识的计时器，并以毫秒为单位返回运行时间

最多同时运行10000个计时器

console.time("Chrome中循环1000次的时间");

for(var i = 0; i < 1000; i++)

{

}

console.timeEnd("Chrome中循环1000次的时间");

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。