ES6_对象简洁语法_note

• 对象简洁语法,如:

<script >
    let name = 'kirin';
        let age = 18;
        let json = {
            // 前面是简写
            name,// name:name,
            age,// age:age,
        }
        console.log(json);
</script>

方法简写:

<script >
    let name = 'kirin';
        let age = 18;
        let json = {
            name,// name:name,
            age,// age:age,
    
            /*showA: function () {
                return this.name;
            },*/
            //等价于上面的写法
            showA() {
                return this.name;
            },
        }
</script>

简洁语法中不要写箭头函数:

<script >
    // 千万不要在里面用箭头函数,因为已经使用了简写,而且使用箭头函数的话,箭头函数内的对象并没有指定
    let name = 'kirin';
    let age = 18;
    let json = {
        name,// name:name,
        age,// age:age,
        showA: () => {
            return this.name;
        }
    }
    console.log(json.showA());
</script>

对象简洁语法:

<script >
    let x = 10;
        let y = 20;
        function show({x, y}) {
            console.log(x, y);
        }
        show({x: 10, y: 20})
</script>