箭头函数以及申明特点

ES6 允许使用 箭头（ => ）定义函数

//常用函数声明
let fn = function(){
}

//es6 声明
let fun = (a,b) => {
	return a+b
}
let result = fun(1,2);
console.log(result)

1、箭头函数的特点

• this 是静态的。this始终指向函数声明时所在作用域下的this的值

function getName(){
	console.log(this.name)
}
let getName2 = () => {
	console.log(this.name)
}

window.name = "李白";
//直接调用
getName()//李白
getName2()//李白

const SCHOOL = {
	name:"白居易",
};
//使用call 方法调用
getName.call(SCHOOL);//白居易
getName2.call(SCHOOL);//李白

• 不能作为构造函数实例化对象

let person = (name,age) => {
	this.age = age;
	this.name = name;
}
let me = new person('小红',30);
console.log(me)//报错。person is not a constructor

• 不能使用 arguments 变量

let fn = () => {
	console.log(arguments)
}
fn(1,2,3);//报错。arguments is not defined

• 箭头函数的简写

//1、生省略小括号。当形参有且只有一个的时候
let add = n =>{
	return n+n
}
console.log(add(9))//18
//2、省略花括号。当代码体只有一条语句的时候。 
//此时 return标识符  也要省略 语句的执行结果就是函数的返回值
let pow = n => n*n ;
console.log(pow(9))//18

const ARR = [6,9,10,100,25,23];
const RESULT = ARR.filter(item => item%2 === 0);
console.log(RESULT);//[6,10,100]

总结

• 箭头函数适合与this无关的回调。定时器、数组的方法回调
• 箭头函数不适合(不等于可能)与this有关的回调。时间的回调、对象的方法