ES6新语法

模块化

commons模块化

1，在一个模块中定义方法
2.使用module.exports={
方法
}导出
3.在另外的模块中使用require获取 const m =require("./common.js");

ES6模块化

之前的写法

1.定义一个模块被引用（使用export导出）

export function getUserList(){
console.log("获取用户列表");
}
export function saveUser(){
console.log("保存用户数据");
}

2.引用代码（import {要引用的方法} from '哪个模块'）

import {getUserList,saveUser} from './ES6-userList';

getUserList();
saveUser();

现在的写法

1.定义一个模块被引用（使用export导出）

export default {
getUserList() {
console.log("获取用户列表")
},
saveUser() {
console.log("保存用户数据")
}
}
2.引用代码（import 对象名(可以随便定义) from '哪个模块'）

import user from './ES6-userList';
user.getUserList();
user.saveUser()

箭头函数

//箭头函数

//将function去掉，参数后面加=>,=>直接指向逻辑体、
//如果函数的参数只有一个则括号可以去掉
// 如果逻辑体只有一个return 没有其他逻辑体，可以直接省略return，直接写逻辑体
var sum = function (a,b){
    return a+b;
}
console.log("求和",sum(100,100))
var sum = (a,b)=>a+b;//箭头函数
console.log("求和",sum(100,100))
// 如果逻辑体不唯一，那就不能省略，要按照之前的逻辑体去编写
var dele = function (sum,a){
    var su=sum+a
    console.log("su",su);
    return sum-a;
};
console.log("求差",dele(50,22))
var dele1 = (sum,a)=>{
    var su=sum+a
    console.log("su",su);
    return sum-a;
}
console.log("求差",dele1(150,22))

箭头函数与父级共享变量,箭头函数的this就代表了父级