在JavaScript新标准ES6中,变量的解构赋值又是一大特性,这个特性可以很方便地声明多个变量;还可以绑定数组变量。下面利用几个实例说明解构赋值的用法,操作如下:
工具/原料
1
HBuilder
2
JavaScript
3
ES6
4
浏览器
5
截图工具
方法/步骤
1
第一步,双击打开HBuilder编辑工具,使用let关键字声明三个变量x、y和z,分别打印,如下图所示:
2
第二步,保存代码并直接使用Node.js运行,在控制台查看打印结果,如下图所示:
3
第三步,利用类似数组的声明方式,将变量x、y和z一起声明并赋值,如下图所示:
4
第四步,再次保存代码并运行,可以查看到变量打印的值,如下图所示:
5
第五步,还可以使用三个点声明变量,不过这个变量前面不能出现三个点,如下图所示:
6
第六步,利用...声明变量,前面分配给已定的变量,剩下的元素都给最后一个变量,如下图所示:
注意事项
1
注意ES6变量的解构赋值方法
2
注意合理使用...进行解构赋值