ES6字符串模板与默认参数在JavaScript中的应用-优快云博客

本文链接：https://blog.youkuaiyun.com/P_ning/article/details/115312470

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //1、字符串模板
        let message = {
            name : "Pning",
            profession : "后端java"
        }
        //在Es6之前我们一般都是通过""或者''这两者进行字符串拼接，但是如果用到的变量稍多将会使代码显的杂乱
        console.log("我的名字"+message.name+"，擅长"+message.profession+"开发");
        //字符串模板使用
        //使用Esc键下的`号包裹字符串，然后字符串内的变量和常量使用类似于java的jstl表达式那样用${}包裹即可
        //并且还有换行和空格的样式保留
        console.log(`我的名字${message.name}，擅长${message.profession}开发`);
        console.log(`我的名字${message.name}，
                                            擅长${message.profession}开发`);
    </script>

    <script>
        //2、默认参数
        function oldAdd(a,b){
            console.log("a="+a);
            console.log("b="+b)
            return a+b;
        };
        //如果像以前那样没有设定默认参数的话，1会赋值给a，然后b默认undefined，返回结果NaN
        console.log(oldAdd(1));

        function newAdd(a,b=2){
            console.log("a="+a);
            console.log("b="+b)
            return a+b;
        };
        //设定默认值后只给一个参数，1会赋值给a，然后b默认2，返回3
        console.log(newAdd(1));
        //如果都有赋值，那就按赋值的传，1会赋值给a，3会赋值给b，返回4
        console.log(newAdd(1,3));
    </script>
</body>
</html>

2_字符串模板和默认参数