ES6 语法详解(模板字符串)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        /**
         * 模板字符串 : 简化字符串的拼接
         * 模板字符串必须使用 `` 包含 就是Tab上面的按键
         * 变化的部分采用 ${key} 定义
         *             警告: 这里有个坑,就是在写前后端不分离的时候,如果采用模板引擎就不能使用${key},因为这种写法会在模板引擎编译过程中编译掉
         */
        let obj = {
            username: 'dance',
            age: 18
        }
        let str = `${obj.username}:这是一个很寂寞的天,年龄:${obj.age}`
        console.log(str)
    </script>
</html>

作者:彼岸舞

时间:2021\08\16

内容关于:前端知识库

本文属于作者原创,未经允许,禁止转发

posted @ 2021-08-16 22:23  彼岸舞  阅读(159)  评论(0编辑  收藏  举报