為什麼`console.log`1在JavaScript中輸出`[\'1\', raw: Array[1]]`？

揭開反引號之謎：在JavaScript 中呼叫函數

在JavaScript 領域，不起眼的反引號(...)擁有神秘的力量，能夠無縫地呼叫函數。然而，這種現象甚至會讓經驗豐富的開發人員感到困惑。為什麼程式碼 console.log1` 會導致意外輸出，如「console.log1`nVM12380:2 ["1", raw: Array[1]]"？

答案在於 Tagged 的​​概念模板，ES-6 中引入的一個有趣的功能。標記模板允許開發人員使用函數標記模板字串，使他們能夠對這些字串的解析值執行操作。

在我們的範例中，反引號 (...) 使用控制台標記文字字串「1」。日誌功能。就像任何其他函數一樣，標記函數接收模板字串的解析值，這些值是字串本身和包含其原始值的陣列。

像 console.log 這樣的標記函數可以在字串模板被解析之前對其進行處理。輸出。在這種情況下，函數僅列印它接收到的數組，從而產生我們觀察到的輸出。

Babel 是一種流行的 JavaScript 轉譯器，它將標記模板程式碼轉換為更相容 ES-5 的形式。在我們的例子中，產生以下程式碼：

var _taggedTemplateLiteralLoose = function (strings, raw) {
  strings.raw = raw;
  return strings;
};

console.log(_taggedTemplateLiteralLoose(["1"], ["1"]));

_taggedTemplateLiteralLoose 函數傳回標記模板，然後將其傳遞到 console.log。這解釋了為什麼陣列 ["1", raw: Array[1]] 會印在控制台中。

因此，反引號的力量在於它們能夠促進標記模板，這是一種使函數能夠處理和增強它們所標記的字串，為 JavaScript 程式設計開闢了一個充滿可能性的世界。

以上是為什麼`console.log`1在JavaScript中輸出`[\'1\', raw: Array[1]]`？的詳細內容。更多資訊請關注PHP中文網其他相關文章！