JavaScript解构赋值的使用方法

解构赋值

    // 解构赋值
    // 数组的解构赋值
    let [a, b] = [10, 20];
    [a,b] = [b,a];
    console.log(a); // 20
    console.log(b); // 10

    // 对象的解构赋值
    let {name,age} = {
        name : "小明",
        age : 2,
        friend : "小红"
    }
    console.log(name); // 小明
    console.log(age); // 2

    function createStudent(){
        let name = "小明";
        let age = 2;
        let friend = "小红";
        return {
            name : name,
            age : age,
            friend : friend
        }
    }
    let {name} = createStudent()
    console.log(name) // 小明 
    // 使用解构赋值使得代码更简洁
posted @ 2021-07-20 16:45  `Duet`  阅读(82)  评论(0编辑  收藏  举报