ES6语法：模板字符串

原创于 2021-02-21 00:09:40 发布 · 286 阅读

CC 4.0 BY-SA版权

本文演示了如何使用ES6中的模板字符串来构建动态文本。通过示例展示了如何将变量插入到字符串中，以创建更易读和维护的代码。示例包括传统字符串连接与ES6模板字符串的对比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <script>
       //字符串会牵涉到动态部分
       var person = {
           name: "星欣慢",
           address:"广东汕头",
           link:"https://xinxintu.github.io/"
       };
       let address = "传统--我是"+person.name+",正在"+person.address+"学习,笔记内容会上传到:"+person.link+"平台上";
       console.log(address);
    //    es6的语法模板字符串语法
    let address2 = `ES6 -- 我是${person.name},正在${person.address}学习，笔记会上传到${person.link}平台上`;
    console.log(address2);
   </script> 
</body>
</html>