對象的解構賦值


 // let {foo,bar} = {foo:'aaa',bar:'bbb'};
    // foo//aaa
    // bar //bbb
    // 對象的解構賦值 可以將現有對象的方法 賦值到某個變量
    let {log,sin,cos} = Math;//將Math對象的對數 正弦 余弦三個方法 賦值到對應變量上
    
    
    
    
    
    
    
    const {log} = console;//將console.log賦值到log變量
    log('hello')



    // 別名賦值
    let obj={first:'hello',last:'world'}
    let {first:f,last:l} = obj
    f//'hello'
    l//'world'


    // 與數組一樣 解構也可用於嵌套結構對象
    let obj = {
        p:[
            'hello',
            {y:'world'}
        ]
    };
    let {p:[x,{y}]} = obj;//此時的P是模式  而不是變量 不會被賦值
    x//'hello'
    y//'world'
const node = {
    loc:{
        start:{
            line:1,
            column:5
        }
    }
};
let {loc,loc:{start},loc:{start:{line}}} = node;
line//1
loc//Object{start:object}
start//object{line:1,column:5}
// 對象的解構賦值可以取到繼承的屬性
const obj1 = {};
const obj2 = {foo:'bar'};
Object.setPrototypeOf(obj1,obj2);
const {foo}= obj1
foo//bar









// 對象的解構也可以指定默認值
// 默認值生效條件 對象的屬性值嚴格等於undefined
var {x=3} = {x:undefined}
x//3
var {x = 3}={x:null}
x//null   因為null和undefined不嚴格相等 所以null為有效賦值













// 解構賦值允許等號左邊的模式之中 不放置任何變量名 用圓括號括起來
({} = [true,false]);
({}= 'abc')
({} = [])



// 數組本身是特殊的對象 所以可以對數組進行對象屬性的解構
let arr = [1,2,3]
let {0:first,[arr.length-1]:last} = arr;
first//1
last//3

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM