es6箭頭函式學習
阿新 • • 發佈:2018-11-09
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();