1. 基本形式
我們先來看看兩者的基本形式：
1.1 const聲明的函數：
const myFunction = function() {
console.log('Hello World');
};
或者使用箭頭函數：
const myFunction = () => {
console.log('Hello World');
};
1.2 function聲明的函數：
function myFunction() {
console.log('Hello World');
}
2. 主要區別
2.1 作用域提升（Hoisting）
這是兩者最主要的區別之一。
-
function聲明：函數聲明是會被提升（hoisted）的。這意味著你可以在聲明函數之前調用它，編譯器會在執行代碼之前把函數聲明移動到作用域的頂部。
示例：
myFunction(); // 輸出 'Hello World'
function myFunction() {
console.log('Hello World');
}
// 在這個例子中，盡管myFunction()是在函數聲明之前調用的，但由于提升，這段代碼仍然能正常工作。
-
const聲明： 使用
const（或者let）聲明的函數不會提升。實際上，這種函數聲明會被視為變量聲明，而變量聲明只會被“聲明”提升，但賦值部分并不會提升。因此，在賦值完成之前使用這個函數會導致ReferenceError。
示例：
myFunction(); // ReferenceError: Cannot access 'myFunction' before initialization
const myFunction = function() {
console.log('Hello World');
};
2.2 是否可以重新賦值
- function聲明： 使用function聲明的函數可以在同一作用域內被重新定義。雖然這種做法并不常見，但在一些特定情況下可能發生。
function myFunction() {
console.log('First function');
}
function myFunction() {
console.log('Second function');
}
myFunction(); // 輸出 'Second function'
//在這個例子中，第二個函數聲明覆蓋了第一個。
-
const聲明： 使用
const聲明的函數是不可重新賦值的。你不能再次給它賦值，否則會引發TypeError。
const myFunction = function() {
console.log('First function');
};
myFunction = function() {
console.log('Second function');
}; // TypeError: Assignment to constant variable.
2.3 箭頭函數 vs 傳統函數
在使用const時，你可以選擇使用箭頭函數（=>）來聲明函數，而function聲明只能使用傳統的函數語法。
-
箭頭函數的
this綁定： 箭頭函數中的this是詞法綁定的，意思是this取決于函數定義時所在的上下文環境，而不是調用時。
const obj = {
name: 'Object',
traditionalFunction: function() {
console.log(this.name); // 'Object'
},
arrowFunction: () => {
console.log(this.name); // undefined，箭頭函數的 this 綁定到定義時的上下文
}
};
obj.traditionalFunction(); // 輸出 'Object'
obj.arrowFunction(); // 輸出 undefined
// 這里，箭頭函數的this指向的是其定義時的上下文，而不是調用時的obj。
2.4 代碼風格和意圖
- function聲明： 函數聲明通常用于定義獨立的函數邏輯。它清晰地表明這是一個函數，而不是變量賦值的結果。
-
const聲明： 使用const聲明函數通常表明這是一個不能重新賦值的函數表達式，在某些情況下，這可以防止意外重寫變量。此外，
const還能更明確地告訴讀者這個函數不會被重新賦值，從而提高代碼的可讀性和安全性。
3. 實際使用建議
-
函數提升： 如果你需要在函數聲明之前調用它，使用
function聲明會更好，因為它支持函數提升，代碼更靈活。 -
防止重新賦值： 如果你希望函數永遠不會被重新賦值或覆蓋，使用
const會更安全，因為它限制了重新賦值的可能性。 -
箭頭函數的優勢： 如果你更傾向于使用箭頭函數的簡潔語法，特別是在回調函數中（例如
map、filter、forEach等方法），用const+箭頭函數組合會更方便。 -
代碼風格和可讀性： 在許多團隊和代碼風格指南中，使用
const聲明函數逐漸成為一種趨勢，因為它限制了重定義和提升帶來的潛在問題，代碼行為更加可預測。
4. 哪種方式更好？
-
用const聲明函數時，你可以避免函數被重新賦值，代碼的可維護性會更高，特別是當你不希望函數被意外重寫時，
const更加安全。 - 用function聲明函數時，你可以享受函數提升的好處，使代碼看起來更靈活，適合在任何位置調用函數。
如果你不需要函數提升且想要更明確的代碼行為，那么使用const聲明函數可能是個更好的選擇。而如果你需要函數在定義前調用的特性或者是傳統習慣，那么function聲明也完全沒問題。
