箭頭函數（arrow function）專題

在ES5中去聲明一個變數，都會用到var

在ES6中新增了let，const

在ES5 聲明一個函數

anonymous function:
function(data){
......
return....
}
-------------------例子
function(x){
return x*2；
}


在ES6中用arrow 聲明一個函數

(data) => {
return....
}
---------------------上個例子的更簡單寫法
x => x*2


命名函數和匿名函數的區別：

function abc() {
} //abc是函數的名稱

function() {
}//這個函數沒有名稱

那什麼時候用命名函數，什麼時候用匿名函數呢？

函數獨立存在的時候用命名函數，

function setup(){
button.mousePressed(changeBackground);

function changeBackground() {
background(random(255));
}
}

函數處於另外一個函數裡面可以用匿名函數；

function setup(){
button.mousePressed(function() {
background(random(255));
});
}


有了箭頭函數之後，可以讓函數看起來更簡單

function setup(){
button.mousePressed(() => {
background(random(255));
});
}


推薦閱讀：