es6箭头函数学习

1.具有一个简单参数的函数

var single=a=>a
console.log(single('hello word'));

2.没有参数的需要在箭头前加上小括号

var logs=()=>{
	console.log('这个是没有参数的函数');
}

3.多个参数需要用到小括号，参数间用逗号隔开

var add=(a,b)=>a+b
console.log(add(2,5));//7

4.函数体多条语句需要用到大括号

var adds=(a,b)=>{
		if(typeof a=='number' && typeof b=='number'){
			return a+b
		}else{
			return 0
		}
	}
	console.log(add(1,5));//6

5.作为数组排序回调

var arr=[2,1,7,3,6,4].sort((a,b)=>{
		if(a-b>0){
			return 1
		}else{
			return -1
		}
	});
	console.log(arr);//1，2，3, 4,6 ，7

补充箭头函数的函数类型：

注意点：1.tyoeof操作符和普通的function一样 2.instanceof也返回true，表明也是function的实例 3. this固定，不再善变

var fun=a=>a
	console.log(typeof fun);
	console.log(fun instanceof Function);
	obj={
		data:['mack','Tom'],
		init:function(){
			document.onclick=ev=>{
				console.log(this.data);//mack,Tom
			}
		}
	}
	obj.init();

猜你喜欢