alltolove 发表于 2017-7-8 06:09:57

es6语法学习2

本帖最后由 alltolove 于 2017-7-8 06:12 编辑

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文件夹上的文件(翻译后的文件)所以会正常的显示字出来。
页: [1]
查看完整版本: es6语法学习2