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

最新推荐文章于 2023-01-14 22:58:48 发布

原创最新推荐文章于 2023-01-14 22:58:48 发布 · 461 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#字符串 #java #python #vue #js

本文介绍了如何在JavaScript中使用模板字符串简化字符串的拼接，通过实例展示了如何动态插入对象属性到字符串中。适合前端开发者学习基本的字符串操作技巧。

<!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

内容关于：前端知识库

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