JavaScript 输出


您可以通过控制台输出数据的最常用方法有4种。这些将在您的开发过程的大部分时间使用。

console.log

它是输出数据的最常用和最常用的方式。通常的做法是在语句之​​间插入其中的几个来理解数据的流动和处理方式。此外，您可以在devtools中使用debugger或断点来执行相同操作，而不会污染您的代码。

var numbers  = [ 1, 2, 3, 4, 5, 6, 7];
 numbers.forEach(function(number){
  console.log(number + ' is divisible by 2', number%2 == 0);
 });

console.warn

正如您所猜测的那样，它用于显示警告，并且它的典型黄色区别于错误红色和console.log 。

function isAdult(age){
  if(Number(age) < 18){
    console.warn('You are not an adult');
    return false;
   }
   return true;
 }

console.error

您可以猜测，这是在抛出异常或在代码中出错时使用的。为您提供红色错误消息以快速引起注意。

console.table

假设你有一个json对象中的项目或电影列表，并且你想以表格格式检查出来，那么console.table是你最好的选择。它会自动检测数据中的行和列标题。

尝试在控制台中运行以下代码

var data = {
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "rgba": [255,255,255,1],
      "hex": "#000"
    },
    {
      "color": "white",
      "category": "value",
      "rgba": [0,0,0,1],
      "hex": "#FFF"
    },
    {
      "color": "red",
      "category": "hue",
      "type": "primary",
      "rgba": [255,0,0,1],
      "hex": "#FF0"
    },
    {
      "color": "blue",
      "category": "hue",
      "type": "primary",
      "rgba": [0,0,255,1],
      "hex": "#00F"
    },
    {
      "color": "yellow",
      "category": "hue",
      "type": "primary",
      "rgba": [255,255,0,1],
      "hex": "#FF0"
    },
    {
      "color": "green",
      "category": "hue",
      "type": "secondary",
      "rgba": [0,255,0,1],
      "hex": "#0F0"

    },
  ]
 }

 console.table(data.colors);

此外，您可以控制和过滤您希望在控制台中看到的输出类型。

  1. 所有
  2. 详细
  3. 警告
  4. 错误

更多JavaScript教程

学习更多JavaScript教程