1. 程式人生 > >es6箭頭函式學習

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();