JavaScript 字串 raw() 方法



JavaScript 字串raw() 是一個靜態方法,用於檢索模板字面量的原始形式。此方法保留字面內容,而不解釋轉義序列。

如果第一個引數的值不包含 raw 屬性,或者新屬性未定義或為null,則該方法將丟擲'TypeError'異常。

語法

以下是 JavaScript 字串raw()方法的語法:

String.raw(strings, sub1, sub2, /* …, */ subN)

引數

此方法接受兩個名為“strings”和“sub1, sub2, ... subN”的引數,如下所述:

  • strings - 模板字面量陣列物件。
  • sub1, sub2,....subN(可選) - 替換的值。

返回值

此方法返回模板字面量的原始字串形式。

示例 1

如果我們只將string引數值傳遞給此方法,它將返回此模板字面量的原始字串形式。

在以下示例中,我們使用 JavaScript 字串raw()方法來檢索此模板字面量“C:\Apache24\htdocs\javascript\JavaScript String Methods”的原始字串形式。

<html>
<head>
<title>JavaScript String raw() Method</title>
</head>
<body>
<script>
   const string =  "C:\Development\profile\aboutme.html";
   document.write("The given string: ", string);
   //using the String.raw() method
   const filePath = String.raw`C:\Development\profile\aboutme.html`;
   document.write("<br>The raw form: ", filePath);
</script>
</body>
</html>

輸出

上述程式返回給定模板字面量的原始形式。

The given string: C:Developmentprofileaboutme.html
The raw form: C:\Development\profile\aboutme.html

示例 2

以下是 JavaScript 字串raw()方法的另一個示例。我們使用此方法從給定的模板字面量“Hi\n${20+5}!”中檢索原始形式。

<html>
<head>
<title>JavaScript String raw() Method</title>
</head>
<body>
<script>
   const string = `Hi\n${20+5}!`;
   document.write("The given string: ", string);
   //using the String.raw() method
   const filePath = String.raw`Hi\n${20+5}!`;
   document.write("<br>The raw form: ", filePath);
</script>
</body>
</html>

輸出

執行上述程式後,它將返回給定模板字面量的原始形式。

The given string: Hi 25!
The raw form: Hi\n25!

示例 3

如果第一個引數(string)的值不包含 raw 屬性或其值為 null,則它將丟擲'TypeError'異常。

在下面的示例中,我們使用 JavaScript 字串raw()方法來檢索此模板字面量的原始形式。我們將 null 值作為第一個引數傳遞給此方法。由於傳遞的值無效,因此它將丟擲異常。

<html>
<head>
<title>JavaScript String raw() Method</title>
</head>
<body>
<script>
   const string = null;
   document.write("The given string: ", string);
   try {
      //using the String.raw() method
      const filePath = String.raw(string);
      document.write("<br>The raw form: ", filePath);
   } catch (error) {
      document.write("<br>", error);
   }
</script>
</body>
</html>

輸出

執行上述程式後,它將丟擲“TypeError”異常。

The given string: null
TypeError: Cannot convert undefined or null to object
廣告