2.2.2 字符串占位符_Vue.js从入门到精通-QQ阅读男生历史网

上QQ阅读APP看书，第一时间看更新

2.2.2　字符串占位符

在一个模板字面量中，允许将变量或任何合法的表达式嵌入占位符并将其作为字符串的一部分。占位符由一个“$”和一对大括号“{}”组成，大括号之间可以包含变量或表达式。

例如，将定义的变量嵌入占位符并将其放在字符串中进行输出，代码如下：

     let name = "Tony";
     let sex = "男";
     let age = 25;
     let str = `姓名：${name} 性别：${sex} 年龄：${age}`;
     document.write(str);

运行结果如下：

     姓名：Tony 性别：男 年龄：25

例如，将表达式嵌入占位符并将其放在字符串中进行输出，代码如下：

     let unitPrice = 566;                            //商品单价
     let number = 6;                                 //商品数量
     let str = `商品总价：${unitPrice * number}元`;
     document.write(str);

运行结果如下：

     商品总价：3396元