10种JavaScript控制台方法

JavaScript方法是包含函数定义的属性。 控制台方法是用于访问浏览器调试控制台的对象。 借助控制台方法,我们可以将消息,警告和错误打印到浏览器控制台,这有助于调试。

Web浏览器中的开发者控制台是一种工具,用于记录与网页相关的信息,例如JavaScript,网络请求和安全错误等。要在Google Chrome浏览器上打开开发者控制台窗口,请使用键盘快捷键 Ctrl + Shift + J(在Windows上) 要么 Ctrl + Option + J(在macOS上)

控制台对象提供了多种使用方法。 在本教程中,您将学习以下用途 JavaScript控制台方法

  1. 日志
  2. 信息
  3. 警告
  4. 错误
  5. 断言
  6. COUNT和COUNTRESET
  7. TIME,TIMELOG和TIMEEND
  8. GROUP和GROUPEND
  9. 明确

这是上述所有功能和用途的基本详细信息。

1.日志

使用 console.log() 在Web控制台上打印消息的方法。 它可以打印字符串或任意数量的JavaScript对象。 它没有在浏览器控制台上显示任何内容,而是将消息记录到调试控制台。

console.log(“ Hello World”); console.log(“ Msg”,obj1,obj2);

12console.log(“ Hello World”); console.log(“ Msg”,obj1,obj2);

2.资讯

console.info() 功能用于向浏览器控制台显示消息。 这与console.log非常相似,但是开发人员将其用于永久性消息,以在那里的代码输出到控制台。

console.info(“这是一条信息消息”);

1个console.info(“这是一条信息消息”);

3.警告

使用 console.warn() 用于在浏览器控制台上打印警告消息的功能。 它需要显示一个消息参数。

console.warn(“这是警告”);

1个console.warn(“这是警告”);

您还可以发送对象以在控制台消息上打印。 例如:

var myObj = {firstname:“ Rahul”,lastname:“ K”}; console.warn(myObj);

12var myObj = {firstname:“ Rahul”,lastname:“ K”}; console.warn(myObj);

4.错误

使用console.error()方法将错误消息写入控制台。 它用于测试和故障排除目的。 它采用了任何类型的参数,例如String或Object。

console.error(“您的应用程序有错误”);

1个console.error(“您的应用程序有错误”);

或者使用:

var myObj = {firstname:“ Rahul”,lastname:“ K”}; console.error(myObj);

12var myObj = {firstname:“ Rahul”,lastname:“ K”}; console.error(myObj);

5.声明

Use console.assert()方法根据条件将消息写入控制台。 如果第一个参数表达式的计算结果为false,则仅将消息打印到控制台。

console.assert(document.getElementById(“ name”),“未找到ID为’name’的元素”));

1个console.assert(document.getElementById(“ name”),“未找到ID为’name’的元素”));

6. COUNT和COUNTRESET

console.count()方法用于在控制台上以调用消息的次数写入消息。

对于(i = 1; i <= 5; i ++){cosole.count(); }

123for(i = 1; i <= 5; i ++){cosole.count();}

默认情况下,它将消息标记为“默认”,但是您可以通过将其作为参数传递来更改标签。

使用cosole.countreset()方法重置计数器,因此您可以再次使用它。

对于(i = 1; i <= 5; i ++){cosole.count(); } cosole.countreset();

1234对于(i = 1; i <= 5; i ++){cosole.count();} cosole.countreset();

7. TIME,TIMELOG和TIMEEND

使用console.time()函数启动计时器以跟踪操作需要多长时间。 在开始操作之前,请使用time函数启动计时器,并在操作完成后使用console.timeEnd()函数。 借助于此,您可以找到应用程序进行特定操作所花费的时间。

您还可以使用console.timeLog()在代码中显示当前时间。 这不会启动或结束任何计时器,仅显示当前时间戳。

console.time(“ answer time”); //其他代码块console.timeLog(“ answer time”); //其他代码块console.timeEnd(“ answer time”);

12345console.time(“ answer time”); //其他代码块console.timeLog(“ answer time”); //其他代码块console.timeEnd(“ answer time”);

8. GROUP和GROUPEND

使用console.group()函数在浏览器控制台上使消息组。 这将开始在其旁边分组消息。 然后使用console.groupEnd()函数结束刚开始的组。

console.log(“这是外层”); console.group(“ First group”); console.log(“在第一组”); console.group(“第二组”); console.log(“在第二组的第一组下”); console.warn(“仍在第二组中”); console.groupEnd(); console.log(“返回第一组”); console.groupEnd(); console.debug(“返回外层”);

12345678910console.log(“这是外部级别”); console.group(“第一组”); console.log(“在第一组中”); console.group(“第二组”); console.log(“在第一组的第二个组中“); console.warn(”仍在第二个组中“); console.groupEnd(); console.log(”返回第一组“); console.groupEnd(); console。 debug(“返回外层”);

9.表格

使用console.table()方法在浏览器控制台上以表格形式打印对象。

console.table({‘id’:1001,’name’:’tecadmin.net’});

1个console.table({‘id’:1001,’name’:’tecadmin.net’});

10.清除

最后,使用console.clear()清除浏览器控制台中的所有消息。 这在开始时很好用,因此在打印其他消息之前先清除控制台。

console.clear();

1个console.clear();

结论

希望本教程可以帮助您了解JavaScript控制台方法的用法。

Sidebar