【ES6】模拟字符串拼接

Lik1024

于 2019-07-03 15:09:18 发布

阅读量439

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6

本文链接：https://blog.youkuaiyun.com/github_39365750/article/details/94564749

ES6 专栏收录该内容

1 篇文章

订阅专栏

示例代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>ES6 - 模拟字符串拼接</title>
</head>
<body>
<h1></h1>
</body>
<script>
    var obj = {
        name: 'Alice',
        txt: '你好',
        day: '2017-05-30',
        thing: 'Something happened!'
    };

    document.write('<p><b>' + obj.name + '</b>, ' + obj.txt + ', 还记得' + '那天吗？' + obj.day + ', ' + obj.thing + '</p>');   // 原始写法

    document.write(`<p><b>${obj.name}</b>,  ${obj.txt}, 还记得那天吗？${obj.day}, ${obj.thing}</p>`);   // ES6写法
</script>
</html>