Es6one

字符串模板的用法

$("div").html(`abc${变量}def`)

箭头函数的简写

.箭头函数中的this,arguments,target指向外层的普通函数

// 1.参数只有一个的时候，可以省略小括号
// const print = num => {
// 	console.log('接收的参数为',num)
// }
// print(10)


// 2.如果只有一条返回语句的时候，可以省略{}和return
// const isOdd = function(num){
// 	return num % 2 !== 0;
// }

// const isOdd = num => {
// 	return num % 2 !== 0;
// }


// const isOdd = num => num % 2 != 0;
// console.log(isOdd(3))
// console.log(isOdd(4))


// 只有一条返回语句的时候，返回为一个对象是一种特殊情况,加上()成一个表达式
// const obj = (a,b) =>  {return {a : a,b : b}}
const obj = (a,b) =>  ({a : a,b : b})

解构化赋值

let arr = [1,2,3,{name : "jack"}];
		let {0:a,1:b,2:c,3:{name : myName}} = arr
		console.log(myName)//jack

展开收集运算符

 		let arr = [1,2,3];
		console.log(...arr)//1,2,3
		let arr1 = [1,2,3,4];
		let arr2 = [5,6,7,8];
		let newArr = [...arr1,...arr2];
		console.log(newArr)//[1,2,3,4,5,6,7,8]
		//...可以完成浅克隆
		let arr1 = [1,2,3,{name : "jack"}];
		let arr2 = [...arr1];
		//在ES7（ES2016）中的用法（主要针对对象）
		let company = {
			name : "bailiban",
			age : 17
		}
		let leader = {
			name : "peng",
			age : 18
		}
		let teacher = {
			personNum : 30,
			leader : {
				...leader
			}	
		}
		
		let obj = Object.assign({"abc" : "bcd"},company,teacher)
		console.log(obj)
		

在项目规模未达到需要使用函数柯里化的时候可以使用参数默认值代替

 function fun(a, b = 20) {
            // 如果写了参数默认值以后，该函数内默认开启严格模式
            // 'use strict';//严格模式开启
            arguments[0] = 100;
            arguments[1] = 200;
            console.log(a, b)
        }
        fun(1)//1  20
        fun(1, 2)// 1   2