解构赋值相关笔记

正常案例:
    let [a,b,c] = [1,2,3] 
    console.log(a,b,c);
    //1,2,3

    let {a:d,b:e,c:f} = {a:1,b:2,c:3}
    console.log(d,e,f)
    //1,2,3


有参数缺失情况为undefined
    let [a,b,c] = [1,2]
    console.log(a,b,c)
    //1,2,undefined


可以设置默认值
    let [a,b,c='暂无数据'] = [1,2]
    console.log(a,b,c)
    //1,2,暂无数据

    特殊情况1(undefined属于无数据,能够使用默认参数):
        let [a,b,c='暂无数据'] = [1,2,undefined]
        console.log(a,b,c)
        //1,2,暂无数据

    特殊情况2(null属于有数据,默认参数无效):
        let [a,b,c='暂无数据'] = [1,2,null]
        console.log(a,b,c)
        //1,2,null


特殊用法--交换参数值
    let a=5,b=10;
    [a,b] = [b,a];
    console.log(a,b)
    //10,5


在函数中的应用
    function fn({a,b}){
        console.log(a,b)
    }
    fn({a:1,b:2});
    //1,2

    参数缺失的情况
        function fn({a,b}){
            console.log(a,b)
        }
        fn({a:1});
        //1,undefined

        设置默认参数
        function fn({a,b=2}){
            console.log(a,b)
        }
        fn({a:1});
        //1,2
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容