【九月打卡】第10天 ES与JS的关系及环境搭建(2)

第一板块：4小时快速体验ES6-10的强大，2-6；2-7；2-8；2-9；2-10，大谷

第二板块：

1. ES6中的函数扩展

   函数参数的默认值，多参数写法

   箭头函数

   函数尾调用:return的最后一部，不参与到运算中。适合递归

2. 新增的循环方法

   ES5：while;for;for...of; for...in...;

   ES6：forEach;map;set
   

第三板块：

// ES6默认值以及多参数
// 传统写法
function a(x,y){
    return x+y;
}
console.log(a(2,3));
// ES6写法
function a1(x=0,y=0){
    return x+y;
}
console.log(a1(2,3));
function a2(...g){
    return g.length;
    for(let i=0; i<g; i++){
	console.log(n[i]);
    }
}
console.log(1,2,3,4,5,6,7);

// 箭头函数使用	
// 多参数
const fun1=(x=0,y=0)=>{
    return x+y;
}
console.log(fun1(4));
// 单个参数(隐式返回)
const fun2=d=>d+10;
console.log(fun2(6));

// 尾调用（尾优化）
let fun1=(x,y)=>x+y;
		// 属于尾调用
		let fun2=()=>{
			return fun1(2,3);
		}
		console.log(fun2());
		// 不属于尾调用，因为不是最后执行的；
		let fun3=()=>{
			let a=fun1(5,6);
			return a;
		}
		// 不属于尾调用，进行了运算
		let fun3=()=>{
			return fun1(5,6)+7;
		}
// 不是尾优化（参与了运算）
	let demoFun=(a,b=1)=>{
		if(a<=1){
			return 1*b;
		}else{
			return demoFun(a,res)*5;
		}
	}
	console.log(demoFun(3,5));
	// 是尾优化
	let demoFun1=(a,b=1)=>{
		if(a<=1){
			return 1*b;
		}else{
			let res=a*b;
			return demoFun1(a,res);
		}
	}
	console.log(demoFun1(3,5));

// 循环
let arr=[1,2,3,4,5,6,78,67,86];
// 用于获取数组中的下标
for(const i in arr){
	console.log(arr[i]);
}
// 用于获取数组中的内容
for(const con of arr){
	console.log(con);
}
// forEach循环
arr.forEach((item,index,arr)=>{
	console.log(item,index,arr);
})

第四板块：