Node.js でコンソールを使用する方法についての簡単な説明

青灯夜游
リリース: 2021-10-29 10:12:27
転載
2233 人が閲覧しました

Node.js でコンソールを使用するにはどうすればよいですか?この記事では、Node.js でコンソールを使用する方法を紹介し、コンソール クラスのほとんどのメソッドについて学習します。

Node.js でコンソールを使用する方法についての簡単な説明

この記事では、Node.js

console クラスのほとんどのメソッドをより効率的に使用する方法を学びます。 [推奨学習: "nodejs チュートリアル"]

前提条件

このチュートリアルは Chrome ブラウザ バージョン 70.0.3538.77 および Node.js 8.11 で実行されますバージョン.3では。

#console.logconsole.info、および console.debug# を使用します。 ##console.log

メソッドは、端末またはブラウザ コンソールのいずれであっても、標準出力に出力します。

デフォルトでは文字列を出力しますが、テンプレート文字列と組み合わせて返す内容を変更できます。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">console.log(string, substitution)</pre><div class="contentsignin">ログイン後にコピー</div></div>
console.info

メソッドと

console.debug メソッドは、操作的には console.log と同じです。 console.debug

は、

Firefox ブラウザ コンソールでデフォルトで使用できますが、Chrome で使用するには、ログ レベルを設定する必要があります。 「すべてのレベル」メニューの「詳細」に設定します。

テンプレート文字列のパラメータは Node.js でコンソールを使用する方法についての簡単な説明

util.format

に渡され、これらのパラメータは対応する変換値 Replace で処理されます。各交換トークン。 サポートされている置換トークンは次のとおりです。

%s

<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">const msg = `Using the console class`; console.log(&amp;#39;%s&amp;#39;, msg); console.log(msg);</pre><div class="contentsignin">ログイン後にコピー</div></div>このコードは次を出力します。
OutputUsing the console class
Using the console class
ログイン後にコピー

%s

はデフォルトの置換モードです。

%d

,%f,%i,%o<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">const circle = (radius = 1) =&gt; { const profile = {}; const pi = 22/7; profile.diameter = 2 * pi * radius; profile.circumference = pi * radius * 2; profile.area = pi * radius * 2; profile.volume = 4/3 * pi * radius^3; console.log(&amp;#39;This circle has a radius of: %d cm&amp;#39;, radius); console.log(&amp;#39;This circle has a circumference of: %f cm&amp;#39;, profile.diameter); console.log(&amp;#39;This circle has an area of: %i cm^2&amp;#39;, profile.area); console.log(&amp;#39;The profile of this cirlce is: %o&amp;#39;, profile); console.log(&amp;#39;Diameter %d, Area: %f, Circumference %i&amp;#39;, profile.diameter, profile.area, profile.circumference) } circle();</pre><div class="contentsignin">ログイン後にコピー</div></div>このコードは次の内容を出力します。
OutputThis circle has a radius of: 1 cm
This circle has a circumference of: 6.285714285714286 cm
This circle has an area of: 6 cm^2
The profile of this cirlce is: {diameter: 6.285714285714286, circumference: 6.285714285714286, area: 6.285714285714286, volume: 7}
Diameter 6, Area: 6.285714285714286, Circumference 6
ログイン後にコピー

%d
    は数値 (整数または浮動小数点) に置き換えられます。
  • %f
  • は float 値に置き換えられます。
  • %i
  • は整数に置き換えられます。
  • %o
  • はオブジェクトに置き換えられます。
  • %o
は、表示されるためオブジェクトを展開するために

JSON.stringify を使用する必要がないため、特に便利です。デフォルトでは、オブジェクトのすべてのプロパティ。 トークン置換は好きなだけ使用できることに注意してください。これらは、引数を渡した順序で単純に置き換えられます。

%c

この置換トークンは、置換されるテキストに CSS スタイルを適用します。
console.log(&#39;LOG LEVEL: %c OK&#39;, &#39;color: green; font-weight: normal&#39;);
console.log(&#39;LOG LEVEL: %c PRIORITY&#39;, &#39;color: blue; font-weight: medium&#39;);

console.log(&#39;LOG LEVEL: %c WARN&#39;, &#39;color: red; font-weight: bold&#39;);
console.log(&#39;ERROR HERE&#39;);
ログイン後にコピー

このコードは次を出力します。

Node.js でコンソールを使用する方法についての簡単な説明%c

置換タグの後、

console.log に渡すテキストはスタイルの影響を受けますが、前へ テキストはスタイルなしでそのまま残ります。 使用

console.table

それに渡される最初のパラメータは、テーブル形式で返されるデータです。 2 番目は、表示する選択された列の配列です。
console.table(tabularData, [properties])
ログイン後にコピー

このメソッドは、渡された入力をテーブルにフォーマットし、テーブル表現の後に入力オブジェクトをログに記録します。

配列

配列がデータとして渡される場合、配列内の各要素はテーブル内の行になります。
const books = [&#39;The Silmarillion&#39;, &#39;The Hobbit&#39;, &#39;Unfinished Tales&#39;];
console.table(books);
ログイン後にコピー

深さ 1 の単純な配列の場合、テーブルの最初の列にはヘッダー インデックスが含まれます。最初の列のインデックス見出しの下には配列のインデックスがあり、配列内の項目は 2 列目の値見出しの下にリストされます。 Node.js でコンソールを使用する方法についての簡単な説明

これはネストされた配列の場合です。

const authorsAndBooks = [[&#39;Tolkien&#39;, &#39;Lord of The Rings&#39;],[&#39;Rutger&#39;, &#39;Utopia For Realists&#39;], [&#39;Sinek&#39;, &#39;Leaders Eat Last&#39;], [&#39;Eyal&#39;, &#39;Habit&#39;]];
console.table(authorsAndBooks);
ログイン後にコピー

Node.js でコンソールを使用する方法についての簡単な説明

对象

对于深度为1的对象,对象的键会列在索引标题下,而对象中的值则列在第二列标题下。

const inventory = { apples: 200, mangoes: 50, avocados: 300, kiwis: 50 };
console.table(inventory);
ログイン後にコピー

Node.js でコンソールを使用する方法についての簡単な説明

对于嵌套的对象。

const forexConverter = { asia: { rupee: 1.39, renminbi: 14.59 , ringgit: 24.26 }, africa: { rand: 6.49, nakfa: 6.7 , kwanza:0.33 }, europe: { swissfranc: 101.60, gbp: 130, euro: 115.73 } };
console.table(forexConverter);
ログイン後にコピー

Node.js でコンソールを使用する方法についての簡単な説明

还有一些嵌套的对象。

const workoutLog = { Monday: { push: &#39;Incline Bench Press&#39;, pull: &#39;Deadlift&#39;}, Wednesday: { push: &#39;Weighted Dips&#39;, pull: &#39;Barbell Rows&#39;}};
console.table(workoutLog);
ログイン後にコピー

Node.js でコンソールを使用する方法についての簡単な説明

这里,我们指定只想看到列推下的数据。

console.table(workoutLog, &#39;push&#39;);
ログイン後にコピー

Node.js でコンソールを使用する方法についての簡単な説明

要对某一列下的数据_进行排序_,只需点击该列标题。

很方便,是吗?

试着把一个带有一些数值的对象作为数组传给console.table!

使用console.dir

传给这个函数的第一个参数是要记录的对象,而第二个参数是一个包含选项的对象,这些选项将定义结果输出的格式,或者对象中的哪些属性将被显示。

返回的是一个由node的util.expect函数格式化的对象。

输入对象中的嵌套或子对象可在披露三角形下展开。

console.dir(object, options);
// where options = { showHidden: true ... }
ログイン後にコピー

让我们看看这个动作。

const user = {
  details: {
    name: {
      firstName: &#39;Immanuel&#39;,
      lastName: &#39;Kant&#39;
    },
    height: `1.83m"`,
    weight: &#39;90kg&#39;,
    age: &#39;80&#39;,
    occupation: &#39;Philosopher&#39;,
    nationality: &#39;German&#39;,
    books: [
      {
        name: &#39;Critique of Pure Reason&#39;,
        pub: &#39;1781&#39;,
      },
      {
        name: &#39;Critique of Judgement&#39;,
        pub: &#39;1790&#39;,
      },
      {
        name: &#39;Critique of Practical Reason&#39;,
        pub: &#39;1788&#39;,
      },
      {
        name: &#39;Perpetual Peace&#39;,
        pub: &#39;1795&#39;,
      },
    ],
    death: &#39;1804&#39;
  }
}

console.dir(user);
ログイン後にコピー

这里是Chrome浏览器的控制台。

Node.js でコンソールを使用する方法についての簡単な説明

使用console.dirxml

这个函数将为传递给它的XML/HTML渲染一棵交互式树。如果无法渲染节点树,它默认为一个Javascript对象。

console.dirxml(object|nodeList);
ログイン後にコピー

console.dir ,渲染的树可以通过点击披露三角形来扩展,在其中可以看到子节点。

它的输出类似于我们在浏览器的Elements标签下发现的输出。

这是我们从维基百科页面传入一些HTML时的情况。

const toc = document.querySelector(&#39;#toc&#39;);
console.dirxml(toc);
ログイン後にコピー

Node.js でコンソールを使用する方法についての簡単な説明

让我们从这个网站上的一个页面传入一些HTML。

console.dirxml(document)
ログイン後にコピー

1Node.js でコンソールを使用する方法についての簡単な説明

这就是我们传入一个对象时的情况。

1Node.js でコンソールを使用する方法についての簡単な説明

试着在一些HTML上调用console.dir ,看看会发生什么。

使用console.assert

传递给函数的第一个参数是一个要测试是否为真值的值。所有传递的其他参数被认为是信息,如果传递的值没有被评估为真值,就会被打印出来。

Node REPL将抛出一个错误,停止后续代码的执行。

console.assert(value, [...messages])
ログイン後にコピー

下面是一个基本的例子。

console.assert(false, &#39;Assertion failed&#39;);
ログイン後にコピー
OutputAssertion failed: Assertion failed
ログイン後にコピー

现在,让我们找点乐子。我们将建立一个小型测试框架,使用console.assert

const sum = (a = 0, b = 0) => Number(a) + Number(b);

function test(functionName, actualFunctionResult, expected) {
  const actual = actualFunctionResult;
  const pass = actual === expected;
  console.assert(pass, `Assertion failed for ${functionName}`);
  return `Test passed ${actual} === ${expected}`;
}

console.log(test(&#39;sum&#39;, sum(1,1), 2)); // Test passed 2 === 2
console.log(test(&#39;sum&#39;, sum(), 0));    // Test passed 0 === 0
console.log(test(&#39;sum&#39;, sum, 2));      // Assertion failed for sum
console.log(test(&#39;sum&#39;, sum(3,3), 4)); // Assertion failed for sum
ログイン後にコピー

使用console.errorconsole.warn

这两个基本上是相同的。它们都会打印传递给它们的任何字符串。

然而,console.warn 在信息传递之前会打印出一个三角形的警告符号。

console.warn(string, substitution);
ログイン後にコピー

1Node.js でコンソールを使用する方法についての簡単な説明

console.error ,在信息传递前打印出一个危险符号。

console.error(string, substitution);
ログイン後にコピー

1Node.js でコンソールを使用する方法についての簡単な説明

让我们注意到,字符串替换可以用与console.log 方法相同的方式来应用。

下面是一个使用console.error 的迷你日志函数。

const sum = (a = 0, b = 0) => Number(a) + Number(b);

function otherTest(actualFunctionResult, expected) {
  if (actualFunctionResult !== expected) {
    console.error(new Error(`Test failed ${actualFunctionResult} !== ${expected}`));
  } else {
    // pass
  }
}

otherTest(sum(1,1), 3);
ログイン後にコピー

1Node.js でコンソールを使用する方法についての簡単な説明

使用console.trace(label)

这个控制台方法将打印字符串Trace: ,后面是传递给函数的标签,然后是堆栈跟踪到函数的当前位置。

function getCapital(country) {
  const capitalMap = {
    belarus: &#39;minsk&#39;, australia: &#39;canberra&#39;, egypt: &#39;cairo&#39;, georgia: &#39;tblisi&#39;, latvia: &#39;riga&#39;, samoa: &#39;apia&#39;
  };
  console.trace(&#39;Start trace here&#39;);
  return Object.keys(capitalMap).find(item => item === country) ? capitalMap[country] : undefined;
}

console.log(getCapital(&#39;belarus&#39;));
console.log(getCapital(&#39;accra&#39;));
ログイン後にコピー

1Node.js でコンソールを使用する方法についての簡単な説明

使用console.count(label)

Count将开始并递增一个名为label 的计数器。

让我们建立一个单词计数器来看看它是如何工作的。

const getOccurences = (word = &#39;foolish&#39;) => {
  const phrase = `Oh me! Oh life! of the questions of these recurring, Of the endless trains of the faithless, of cities fill’d with the foolish, Of myself forever reproaching myself, for who more foolish than I, and who more faithless?`;

  let count = 0;
  const wordsFromPhraseArray = phrase.replace(/[,.!?]/igm, &#39;&#39;).split(&#39; &#39;);
  wordsFromPhraseArray.forEach((element, idx) => {
    if (element === word) {
      count ++;
      console.count(word);
    }
  });
  return count;
}

getOccurences();
ログイン後にコピー
getOccurences(&#39;foolish&#39;);
ログイン後にコピー
ログイン後にコピー

在这里,我们看到foolish 这个词被记录了两次。该词在短语中每出现一次就记录一次。

[secondary_label]
foolish: 1
foolish: 2
2
ログイン後にコピー

我们可以用这个方法来查看一个函数被调用了多少次,或者我们的代码中的某一行被执行了多少次。

使用console.countReset(label)

顾名思义,这将重置一个计数器,该计数器有一个由console.count 方法设置的label

const getOccurences = (word = &#39;foolish&#39;) => {
  const phrase = `Oh me! Oh life! of the questions of these recurring, Of the endless trains of the faithless, of cities fill’d with the foolish, Of myself forever reproaching myself, for who more foolish than I, and who more faithless?`;

  let count = 0;
  const wordsFromPhraseArray = phrase.replace(/[,.!?]/igm, &#39;&#39;).split(&#39; &#39;);
  wordsFromPhraseArray.forEach((element, idx) => {
    if (element === word) {
      count ++;
      console.count(word);
      console.countReset(word);
    }
  });
  return count;
}

getOccurences();
ログイン後にコピー
getOccurences(&#39;foolish&#39;);
ログイン後にコピー
ログイン後にコピー
[secondary_label]
foolish: 1
foolish: 1
2
ログイン後にコピー

我们可以看到,我们的getOccurences 函数返回2,因为在这句话中确实有两次出现foolish ,但由于我们的计数器在每次匹配时都被重置,所以它记录了两次foolish: 1

使用console.time(label)console.timeEnd(label)

console.time 函数启动一个定时器,并将label 作为参数提供给该函数,而console.timeEnd 函数停止一个定时器,并将label 作为参数提供给该函数。

console.time(&#39;<timer-label>&#39;);
console.timeEnd(&#39;<timer-label>&#39;);
ログイン後にコピー

我们可以通过向两个函数传递相同的label 名称来计算出运行一个操作所需的时间。

const users = [&#39;Vivaldi&#39;, &#39;Beethoven&#39;, &#39;Ludovico&#39;];

const loop = (array) => {
  array.forEach((element, idx) => {
    console.log(element);
  })
}

const timer = () => {
  console.time(&#39;timerLabel&#39;);
  loop(users);
  console.timeEnd(&#39;timerLabel&#39;);
}

timer();
ログイン後にコピー

我们可以看到计时器停止后显示的计时器标签与时间值相对应。

OutputVivaldi
Beethoven
Ludovico
timerLabel: 0.69091796875ms
ログイン後にコピー

循环函数花了0.6909ms完成了对数组的循环操作。

结论

最后,我们已经来到了本教程的结尾。

请注意,本教程没有涵盖console 类的非标准使用,如console.profileconsole.profileEnd ,和console.timeLog

更多编程相关知识,请访问:编程入门!!

以上がNode.js でコンソールを使用する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:juejin.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート