最近一段时间，一直在看JavaScript新标准ES6，根据新增的特性和之前的老标准进行对比，比如变量声明、字符串拼接等。下面利用一个实例说明ES6中声明变量跟之前的区别，操作如下：
工具/原料
1
HTML5
2
CSS3
3
HBuilder
4
截图工具
5
Node.js
方法/步骤
1
第一步，在已打开的HBuilder工具中，定义一个变量top并赋值，使用关键字var，如下图所示：
2
第二步，然后使用if语句进行判断，如果top返回值为true，执行top重新声明并打印，如下图所示：
3
第三步，保存代码并使用插件运行文件，可以在控制台查看到打印出内部值，如下图所示：
4
第四步，再在if语句外部使用console.log()打印top值，比较两个地方的区别，如下图所示：
5
第五步，结果发现top打印出来的值都是20px，说明外部的声明没有影响到后面的值，如下图所示：
6
第六步，再将var关键字改为let，然后再次保存查看打印结果，发现两次的值不一致，如下图所示：
注意事项
1
注意JavaScript中声明变量的几种方式
2
注意不同形式声明变量的作用范围