码迷,mamicode.com
首页 > 其他好文 > 详细

解构赋值的用途

时间:2019-07-22 21:31:08      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:有序   syn   console   undefined   res   jquer   oba   因此   交换变量   

 // 1.交换变量的值
    let x =1;
    let y = 2;
    [x,y] = [y,x]
    // 2.从函数返回多个值
    // 函数只能返回一个值 若要返回多个 
    // 可以放在数组或对象里返回 还可以利用解构赋值
    function example(){
        return [1,2,3];
    }
    let [a,b,c] = example();
    example()    //返回一个数组






    function example(){
        return{
            foo:1,
            bar:2
        };
    }
    let {foo,bar} = example();
    // 返回一个对象



    // 3.函数参数的定义
    // 参数是一组有序的值
    function f([x,y,z]){...}
    f([1,2,3]);

    //参数是一组无序的值
    function f({x,y,z}){...}
    f({z:3,y:2,x:1})
    
    // 4.提取json数据
    let jsonData = {
        id:42,
        status:‘ok‘,
        data:[867,5309]

    };
    let {id,status,data:number} = jsonData;
    console.log(id,status,number)


    // 5.函数参数的默认值
    jQuery.ajax = function (url,{
        async = true,
        beforeSend = function(){},
        cache = true,
        complete = function(){},
        crossDomain = false,
        global = true,
    } = {}){

    }

    // 6.遍历Map解构
    const map = new Map();
    map.set(‘first‘,‘hello‘)
    map.set(‘last‘,‘world‘)
    for(let [Key,value] of map){
        console.log(key + ‘is‘ + value);
        
    }

函数参数的解构赋值

function add([x,y]){
        return x + y;
    }
    add([1,2])
    // add的参数表面是数组 但在传参时 数组参数被解构为x和y



    [[1,2],[3,4]].map(([a,b]) => a +b)
    //[3,7]
    

数值和布尔值的解构赋值

// 解构赋值时 等号右边是数值或布尔值时 则会先转为对象
    let {toStrig:s} = 123;
    s === Number.prototype.toString//true
    let {toString:s} = true;
    s === Boolean.prototype.toStrig;//true
    //数值和布尔值的包装对象都有toString属性 因此变量s都能取到值
    


    // 解构赋值原则 只要等号右边的值不是对象或数组 
    // 就先将其转换为对象 因为null和undefined无法转换为对象 所以解构赋值会报错

 

解构赋值的用途

标签:有序   syn   console   undefined   res   jquer   oba   因此   交换变量   

原文地址:https://www.cnblogs.com/treasurea/p/11228450.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!