解构赋值(优雅的取值)

　　// 以前的取值方法
    const course = {
        name: '大熊',
        age: 23
    }
    // const name = course.name;
    // const age = course.age;
    // console.log(name, age)   
    // 1.解构赋值
    const { name, age } = course;
    console.log(name, age)

 

 -------------------------------------------------------------------------------------------------------------------------------------------

 

2.// 变量名冲突怎么办, 属性中有两个name
    const course = {
        name: '大熊',
        age: 23,
        teacher: {
            name: 'xxx'
        }
    }
    const { 
　　　　name, 
　　　　age,

　　　　　　teacher: {

            name

        }

　　} = course;
    console.log(name, age, name)  //报错

 

 遇到这种情况,  可以给 属性 起个别名(小名)!!!!!

 

代码:

const course = {
        name: '大熊',
        age: 23,
        teacher: {
            name: 'xxx'
        }
    }
    const {
        name: name22,  //别名
        age,
        teacher: {
            name
        }
    } = course;
    console.log(name22, age, name)