继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

saluteY
关注TA
已关注
手记 42
粉丝 0
获赞 0

第一板块: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);
})

第四板块:

http://img4.sycdn.imooc.com/6323305d0001876319201020.jpg

http://img2.mukewang.com/632336740001a73f19201020.jpg



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP