对象的解构赋值


 // 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