Visual Studio 代碼無法在 javascript 編輯器中識別 $

Question

我正在我的 VS 代碼編輯器中編寫以下代碼。

let name="Sam";
const   val =  "I am  $ {name}";

console.log(val);

當我在控制台中顯示它時，它應該顯示“我是山姆”。但它正在打印“我是 $ {name}”

我添加了“JS ES6”和“Live Server”的擴展我是初學者，無法理解我做錯了什么。

Answer 1

您需要將其定義為模板字符串，將 " 替換為 ` 並且對於變量，您必須刪除 $ 和 { 之間的空格

 let name="Sam"; const myval = `I am ${name}`; console.log(myval);

有關高級說明，請參見此處： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals