0
点赞
收藏
分享

微信扫一扫

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

第五讲 函数的扩展

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 getInfo(name='张晨光',age=18) { //默认值参数声明过了,不能再用let const进行声明; // const name='无敌小子'; console.log(name,age); } getInfo('',28); </script>

<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.有利于代码优化,将来去掉参数更方便。

注意事项:

  • 参数变量一旦指定默认值,函数体内不能再次声明
  • 参数有默认值是,函数参数不能同名
举报

相关推荐

0 条评论