es6语法学习2

alltolove

es6语法又叫es2015，之前的版本es5就是现在用的普通的js语法，es6继承了所有es5的语法之后还有一些增加，今天我们学习变量。

首先打开控制台进入我们的项目文件夹把翻译软件打开

然后在input文件夹里新建一个bianliang.js文件。今天我们学习变量。然后在主项目文件夹新建a.html文件用来显示我们学习的内容，在里面要引入bianliang.js文件。如图

然后再打开input目录里的bianliang.js文件写入

var a='';
{
        var a='xxx宝<br>';
}
let b='你好<br>';

const c=['我也好<br>'];
document.write(a);
document.write(b);
document.write(c);

这里的a是全局变量，b是局部变量，c是常量。保存后在output文件夹里也会产生相同的文件，翻译后的结果为：

'use strict';

var a = '';
{
        var a = 'xxx宝<br>';
}
var b = '你好<br>';

var c = ['我也好<br>'];
document.write(a);
document.write(b);
document.write(c);

如果把大括号里的a改成局部的代码如下：

var a='';
{
        let a='xxx宝<br>';
}
let b='你好<br>';

const c=['我也好<br>'];
document.write(a);
document.write(b);
document.write(c);

浏览器上就会变成这样的结果了

局部变量就不会显示。以后所有es6语法都写在input目录下，es5也就是普通js语法写在output目录下，大家可以看有什么不同。
因为在网页上我是引入的output文件夹上的文件（翻译后的文件）所以会正常的显示字出来。