ES6

💎箭头函数

使用箭头函数不需要function关键字来创建函数 ，省略return关键字 ，继承当前上下文的 this 关键字。

var f = v => v;
//等价于
var f = function(v){
  return v;
}
f(1); //1

当箭头函数要返回对象的时候，为了区分于代码块，要⽤ () 将对象包裹起来

// 报错
var f = (id,name) => {id: id, name: name};
f(6,2); // SyntaxError: Unexpected token :
// 不报错
var f = (id,name) => ({id: id, name: name});
var f = (id,name) => { return {id: id, name: name}};
f(6,2); // {id: 6, name: 2}

💎Module

ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入。

import {username,password} from './userInfo';
function showInfo() {
 console.log(username + ' ' + password);
}

var username = "zhangsan";
var password = "123";
//export输出变量username,password
export {username, password};
//输出函数multiply
export function multiply(x, y) {
 return x * y;
};

导出数据可以用别名：

// export.js
const arr = ['html', 'css', 'js']
export { arr as technologies }
// import.js
import { technologies } from './export.js';