重学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>

作者:Vam的金豆之路

主要领域:前端开发

我的微信:maomin9761

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