鱼C论坛

 找回密码
 立即注册
查看: 2467|回复: 0

[学习笔记] es6语法学习2

[复制链接]
发表于 2017-7-8 06:09:57 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

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

首先打开控制台进入我们的项目文件夹把翻译软件打开
ccccccccssdsdcccccccccc.png
然后在input文件夹里新建一个bianliang.js文件。今天我们学习变量。然后在主项目文件夹新建a.html文件用来显示我们学习的内容,在里面要引入bianliang.js文件。如图
html.png
然后再打开input目录里的bianliang.js文件写入
  1. var a='';
  2. {
  3.         var a='xxx宝<br>';
  4. }
  5. let b='你好<br>';

  6. const c=['我也好<br>'];
  7. document.write(a);
  8. document.write(b);
  9. document.write(c);
复制代码

这里的a是全局变量,b是局部变量,c是常量。保存后在output文件夹里也会产生相同的文件,翻译后的结果为:
  1. 'use strict';

  2. var a = '';
  3. {
  4.         var a = 'xxx宝<br>';
  5. }
  6. var b = '你好<br>';

  7. var c = ['我也好<br>'];
  8. document.write(a);
  9. document.write(b);
  10. document.write(c);
复制代码

如果把大括号里的a改成局部的代码如下:
  1. var a='';
  2. {
  3.         let a='xxx宝<br>';
  4. }
  5. let b='你好<br>';

  6. const c=['我也好<br>'];
  7. document.write(a);
  8. document.write(b);
  9. document.write(c);
复制代码

浏览器上就会变成这样的结果了
asasds.png
局部变量就不会显示。以后所有es6语法都写在input目录下,es5也就是普通js语法写在output目录下,大家可以看有什么不同。
因为在网页上我是引入的output文件夹上的文件(翻译后的文件)所以会正常的显示字出来。

评分

参与人数 2荣誉 +5 鱼币 +11 贡献 +5 收起 理由
小甲鱼 + 6
不二如是 + 5 + 5 + 5 支持楼主!

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 08:43

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表