ES6 解構,物件的解構
阿新 • • 發佈:2018-12-10
目的是讓我們更加清楚的知道對應的內容,及把物件裡的內容解構出來.
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