ES6语法

1. 前端环境

1. 环境搭建

• 在 html 文件 中导入 JavaScript 文件需要在 script 标签里加上 type="model" 使得每个 javaScript 文件的作用域封闭，并让浏览器以 ES6 语法识别，然后需要使用 vsCode 开启一个服务器

  2. 导出 js 文件（文件名 tool.js）

  1. 导出单个变量

  export var x = 100;
  export var y = 100;
  export function sum(a, b) {
  return a + b
  }

  2. 导出对象

  ```javascript var x = 100; var y = 100;

function sum(a, b) { return a + b }

export default { x, y, sum }

<a name="biXI7"></a>
### 3. 导入 js 文件（文件名 index.html）
<a name="Q0nia"></a>
#### 1.  以单个变量形式导入
```javascript
import {sum, x, y }from './tools.js';
console.log(sum(x, y));

2. 以对象形式导入

import * as obj from './tools.js';
console.log(obj.sum(obj.x, obj.y));

3. 导入重命名的单个变量

import {x as newX} from './tools.js';
import { y as newY} from './tools.js';
import { sum as newSum} from './tools.js';
console.log(newSum(newX,newY));

4. 以对象形式导入

import obj from './tools.js';
console.log(obj.sum(obj.x, obj.y));