多语言展示
当前在线:1772今日阅读:195今日分享:14

如何使用ES6中的方式声明多个变量并分别展示

在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

注意合理使用...进行解构赋值

推荐信息