ES6-模板字符串

星辰不及閣下

于 2022-02-21 00:29:59 发布

阅读量438

点赞数 1

分类专栏： ES6 文章标签： javascript 前端开发语言 es6

本文链接：https://blog.youkuaiyun.com/weixin_45483161/article/details/123038760

版权

ES6 专栏收录该内容

4 篇文章

订阅专栏

本文展示了如何在JavaScript中使用字符串模板和HTML编码，通过`let`声明操作字符串，如`str`和`ul`的创建，以及如何将变量`name`插入到字符串中。重点介绍了前端开发中常见的字符串拼接与HTML结构的处理技巧。

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

1.声明

        let str = `这么巧，我也是一个字符串！`;
        console.log(str,typeof str);

2.内容中可以直接出现换行符

在使用append时，就知道有多算爽了
注意：使用的是``,TAB键上面那个符号

        let ul = `<ul>
			        <li>xiaohao</li>
			        <li>小豪</li>
                    <li>小豪豪</li>
                    <li>宝贝</li>
		          </ul>`
        console.log(ul);

3.拼接字符串

        let name = '小豪';
        let out = `${name}是最帅的`;
        console.log(out);