重学ES系列之模版字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模版字符串</title>
</head>
<body>
    
</body>
<script>
    let name = "maomin";
    let age = "20";
    console.log("user="+name+"  "+"age="+age);
    let str = `name=${name}, age=${age}`;
    console.log(str);
    // 在模版字符串内可以进行调用。
    function showName(params) {
        return "I am maomin"
    }
    console.log(`${showName()}`);
    // 如果通过模版字符串进行传参的话，第一个参数是一个数组，是除$以外的内容。
    function add(a,b,c) {
        return a[0]+b+a[1]+c
    }
    let out = add`name=${name},age=${age}`;
    console.log(out);
    // 也可以这样
    function add1(name,age) {
        return add`name=${name},age=${age}`
    }
    console.log(add1("xqm","20"))
</script>
</html>

欢迎关注我的公众号「前端历劫之路」

回复关键词电子书，即可获取近12本前端热门电子书。

回复关键词红宝书第4版，即可获取最新《JavaScript高级程序设计》（第四版）电子书。

你还可以加我微信，我拉拢了很多IT大佬，创建了一个技术交流、文章分享群，欢迎你的加入。

作者：Vam的金豆之路

主要领域：前端开发

我的微信：maomin9761

微信公众号：前端历劫之路