JS — 18 箭头函数基础知识

基础函数箭头概念

• ES6才有的箭头函数
• 箭头函数没有this指向

格式

let x = () => {
	console.log(123);
}

this指向

function a(){
	console.log(this);
	let b = () => {
		console.log(this);//{x:10}
	}
	b();
}
a.call( {x:10} );//{x:10}

箭头函数本身没有this指向，如果非要说有，那么箭头函数的this指向就是父级作用域的this。因此，箭头函数不适合用在事件中，事件不能使用箭头函数，因为指向的是父级作用域的this。

箭头函数的简写方式

1.形参只有一个的时候，小括号可以省略不写，除此之外，其他所有情况都要写小括号。

let c = a => {
	alert(a*2);//10
}
c(5);

2.函数内部的代码只有一行返回的时候，大括号可以省略，省略大括号的时候，右边的表达式就是函数的return值。

let d = ( a,b ) => a+b;
console.log( d(3, 4) );//7

后续会继续补充,还木有学完~