ES6 解构,对象的解构

版权声明：未经本人同意不得私自转载 https://blog.csdn.net/qq_40190624/article/details/82717784

目的是让我们更加清楚的知道对应的内容,及把对象里的内容解构出来.

    var expense = {
        type:'es6',
        amount:45
    }
    //原始取值方法
     var type = expense.type;
    var amount = expense.amount;
     console.log(type,amount);//es6 45

    // 解构取值法
    const {type} = expense;
    console.log(type);//es6

// 解构取值法,const里的属性要和对象里的是一样的
    const {type,amount} = expense;
    console.log(type,amount);//es6 45



 // es5解构方式
    function fileSammary (file){
        return `${file.name}.${file.extension}的总大小是${file.size}`
    }
    console.log(fileSammary(saveFiled))//girl.jpg的总大小是14040



// es6解构方式
    function fileSammary ({name,extension,size}){
        return `${name}.${extension}的总大小是${size}`
    }
    console.log(fileSammary(saveFiled))//girl.jpg的总大小是14040