如何在组件开发中使用ES6

安装方式

light plugin -a es6

详细说明

编程语言 JavaScript 是 ECMAScript 的实现和扩展，由 ECMA（一个类似 W3C 的标准组织）参与进行标准化。ECMAScript 定义了：

语言语法 – 语法解析规则、关键字、语句、声明、运算符等
数据类型 – 布尔型、数字、字符串、对象等
原型和继承
内建对象和函数的标准库 – JSON、Math、数组方法、对象自省方法等

ES6就是 ECMAScript 6,于2015年6月通过草案并成为国际标准。

lighting-plugin-es6通过babel这个编译器将 es6 的代码编译成 es5 以兼容大多数浏览器。

示例

es6 的文件可以写在 src 目录下的任何位置，文件后缀名必须为.es6，在 page 下 html 文件引入时后缀名为 .js

假设工程目录为D:/project, 其中有一个es6文件src/test.es6,那么index.html中引入此文件的语句应该为<script src="test.js"></script>

src/html/index.html

<!DOCTYPE html>
<html>
<head>
<snippet id="header" />
  <!-- build:css css/style.css -->
  <link rel="stylesheet" href="css/style.css" />
  <!-- endbuild -->
	<title>demo</title>
</head>
<body>
  <div id="main">
    <view id="demo" home="true" />
  </div>
  <snippet id="footer" />
</body>
  <script type="text/javascript" src="//res.lightyy.com/lighting/framework/light-1.0.min.js"></script>
  <!-- build:js js/app.js -->
  <script src="test.js"></script>  <!-- 引入test.es6 -->
  <!-- inject:view -->
  <!-- endinject -->
  <!-- endbuild -->
  <script type="text/javascript">
    App.start();
  </script>
</html>

src/test.es6

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

project.json

{
  "project":"demo",
  "version":"0.0.1",
  "desc":"Just For Fun",
  "type":"light-1.0",
  "plugins":["es6"]  
}

打包编译时可以使用指令： light release -e(plugins项配置有es6的情况下) 或者 light release -e es6