04 【前端】函数优化.html

最新推荐文章于 2021-06-03 19:30:16 发布

努力的阳光蓝孩

最新推荐文章于 2021-06-03 19:30:16 发布

阅读量100

点赞数

分类专栏：【前端】

本文链接：https://blog.csdn.net/qq_40996741/article/details/108270927

版权

【前端】专栏收录该内容

22 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // 1、在ES6 以前我们无法给一个函数设置默认值,只能采用变通写法
        function add (a, b) {
            b = b || 1;
            return a + b;
        }
        // 传一个参数
        console.log(add(10));

        // 2、现在可以直接给参数上写默认值,没传就会自动使用默认值
        function add2(a, b=1) {
            return a + b;
        }
        // 传入一个参数
        console.log(add2(10));

        // 3、不定参数
        function fun(...values) {
            console.log(values.length)
        }

        fun(1, 2);
        fun(1, 2, 3, 4);

        // 4、箭头函数
        // 以前声明一个方法
        var print = function(obj) {
            console.log(obj);
        }

        var print = obj => console.log(obj);
        print("hello");

        var sum2 = (a, b) => a + b;
        console.log(sum2(1, 4));

        var sum3 = (a, b) => {
            c = a + b;
            return a + c;
        } 
        console.log(sum3(10, 20));


        const person = {
            name :"haoxiansheng",
            age : 23,
            language:["java", "linux", "vue"]
        }

        function hello(person) {
            console.log("hello," + person.name)
        }

        // 箭头函数 + 结构
        var hello2 = ({name}) => console.log("hello," + name);
        hello2(person);
    </script>
</body>
</html>