JavaScript 之解构赋值的理解

1. ES6的新特性

          允许将对象或者数组'分解'成多个单独的值, 以对象的解构开始.

        代码示例

         JavaScript 之解构赋值的理解_第1张图片

2. 说明

        1).  定义一个对象

                         const obj={b:2,c:3,d:4};

                          此时系统中没有变量b, 变量c与变量d

                          JavaScript 之解构赋值的理解_第2张图片

         2). 开始解构该对象,

                        const {a,b,c} = obj

                        这句话的意思是, 定义a,b,c三个变量, 然后在obj对象中寻找a,b,c变量, 如果找到, 则赋值给对应的变量

                        JavaScript 之解构赋值的理解_第3张图片

               所以, 

                   a, 已定义, 但是未赋值. 定义是在const{a,b,c}中定义的, 而没有在obj中找到对应的值, 所以没赋值.

                   b,c 都已经找到了, 并从obj对象中找到对应的值赋了.

                   d, 这个变量不曾定义, 也不曾赋值.

你可能感兴趣的:(前端)