1. 程式人生 > >ES6 解構,物件的解構

ES6 解構,物件的解構

目的是讓我們更加清楚的知道對應的內容,及把物件裡的內容解構出來.

    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