模板字符串

丨忘记时间丨

于 2018-11-14 10:15:44 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

分类专栏： web js 基础文章标签： ES6

本文链接：https://blog.youkuaiyun.com/qq_20722679/article/details/84061689

web 同时被 3 个专栏收录

5 篇文章

订阅专栏

5 篇文章

订阅专栏

基础

5 篇文章

订阅专栏

本文介绍了一种使用模板字符串简化代码的方法，展示了如何在模板中直接插入函数和变量，提高开发效率。通过具体示例，解释了模板字符串的语法和优势。

let name='Henry'

function makeUppercase(word){
    return word.toUpperCase();
}

let template=
`
<h1>${makeUppercase('hello')},${name}!<h1>
`;
document.getElementById('template').innerHTML=template;

模板字符串可以省去拼接字符的麻烦，可以在模板内直接写html元素，也可以在里面插入函数和变量