出處: Youtube 彭彭的課程 JavaScript ES6:箭頭函式 Arrow Function
實作筆記
箭頭函式 =>
Javascript 的 ES6 標準新增一種箭頭函式 => 。 箭頭函數 =>讓函式整體來說看起來更簡潔了。
以下是原本Javascript的函式寫法
let add = function(n1,n2){
return n1+n2;
};
console.log(add(1,2));
第一種箭頭函式的寫法
let add =(n1,n2)=>(n1+n2);
console.log(add(1,2))
第二種箭頭函式的寫法
let add =(n1,n2)=>{
return n1+n2;
};
console.log(add(1,2));
function被 =>給取代了
箭頭函式的運用,以下會印出100
let f = ()=>(100);
let result =f();
console.log(result);
箭頭函式的運用,以下d函式會印出Hi
let d=(message)=>{
console.log(message);
};
d("Hi");
匿名函示
以下是原本Javascript的匿名函式寫法
setTimeout(function(){
console.log("3秒後印出");
},3000);
用箭頭函式寫匿名函示(function被 =>給取代了)
setTimeout(()=>{
console.log("3秒後印出");
},3000);