console.log 小知识-CFANZ编程社区

console.log 小知识

科牛 2022-03-11 阅读 194

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      console.log("log基本样式"); //基本样式
      console.info("info基本样式"); //基本样式
      console.warn("warn警告样式"); //警告样式
      console.error("error错误样式"); //错误样式
      console.log(
        "%c添加自定义样式",
        "color:white;background-color:#1e9fff;border-radius:3px;padding:3px"
      ); //添加自定义样式

      let a = 100;
      let b = 200;
      let c = 300;
      console.log({ a, b, c }); //对象形式
      console.table([a, b, c]); //表格形式

      //********************begin*********
      console.time("check"); //查看代码执行效率  注意time 和 timeEnd 参数必须一样
      //***代码区  中间如果有其他的console.log  则会延长代码执行时间
      console.timeEnd("check");
      //********************end*********

      console.dir(document); //默认折叠console 输出面板
    </script>
  </head>
  <body></body>
</html>

0 条评论