ES6技术之第五讲函数的扩展

用户9184480

发布于 2024-12-13 17:24:00

5700

代码可运行

文章被收录于专栏：云计算linux云计算linux

运行总次数：0

代码可运行

第五讲函数的扩展

5.1 函数默认值

函数在ES5的写法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数的默认值</title>
    <script>
        function getInfo(name,age) {
            name=name||'张晨光';
            age=age||18;
            console.log(name,age);
        }
        //出现问题了，什么问题呢？？？
        //我们实际的赋值是''空字符串，但是出来的是默认值。
        getInfo('',28);
    </script>
</head>
<body>

</body>
</html>

<script>
    function connect({host='www.aaajy.net',uname,pwd,port}){
        console.log(host);
        console.log(uname);
    }
    connect({
        //host:'tea_year',
        uname:'123456',
        port:1521});
</script>

ES6改进ES5默认值好处：

1.阅读代码更清晰，知道哪个参数是可以省略；

2.有利于代码优化，将来去掉参数更方便。

注意事项：