怎么聲明JavaScript中函數

# 怎么聲明JavaScript中函數

在JavaScript中，函數是執行特定任務的代碼塊，可以通過多種方式聲明。理解不同的函數聲明方式及其特性，對于編寫清晰、高效的代碼至關重要。本文將詳細介紹JavaScript中函數的聲明方法，包括函數聲明、函數表達式、箭頭函數等。

## 1. 函數聲明（Function Declaration）

函數聲明是最常見的聲明方式，使用`function`關鍵字后跟函數名和一對圓括號`()`，圓括號內可以包含參數列表，然后是函數體，用花括號`{}`包圍。

```javascript
function greet(name) {
  return `Hello, ${name}!`;
}

特點：

• 函數提升（Hoisting）：函數聲明會被提升到作用域的頂部，因此可以在聲明之前調用。

  
  console.log(greet("Alice")); // 輸出: Hello, Alice!
  function greet(name) {
  return `Hello, ${name}!`;
  }
  

• 必須有函數名（匿名函數聲明會報錯）。

2. 函數表達式（Function Expression）

函數表達式是將函數賦值給一個變量。它可以是命名的，也可以是匿名的。

const greet = function(name) {
  return `Hello, ${name}!`;
};

特點：

• 無函數提升：必須在定義后調用，否則會報錯。

  
  console.log(greet("Alice")); // 報錯: greet is not defined
  const greet = function(name) {
  return `Hello, ${name}!`;
  };
  

• 可以作為參數傳遞給其他函數（高階函數）。

命名函數表達式

const greet = function sayHello(name) {
  return `Hello, ${name}!`;
};
console.log(greet("Bob")); // 輸出: Hello, Bob!
console.log(sayHello("Bob")); // 報錯: sayHello is not defined

• 函數名sayHello僅在函數內部可見，外部無法調用。

3. 箭頭函數（Arrow Function）

ES6引入了箭頭函數，提供更簡潔的語法，并且不綁定自己的this。

const greet = (name) => {
  return `Hello, ${name}!`;
};

簡化形式：

• 單參數可省略括號：

  
  const greet = name => `Hello, ${name}!`;
  

• 無參數需保留括號：

  
  const sayHi = () => "Hi!";
  

• 單行函數可省略return（隱式返回）：

  
  const square = x => x * x;
  

特點：

• 無this綁定：箭頭函數繼承外層作用域的this。
• 無arguments對象：需使用剩余參數（...args）替代。
• 不能用作構造函數（不能與new一起使用）。

4. 構造函數（Function Constructor）

通過Function構造函數動態創建函數（不推薦，存在安全和性能問題）。

const greet = new Function('name', 'return `Hello, ${name}!`');
console.log(greet("Charlie")); // 輸出: Hello, Charlie!

缺點：

• 代碼難以調試和優化。
• 容易引發安全風險（如注入攻擊）。

5. 生成器函數（Generator Function）

使用function*聲明，用于生成迭代器。

function* idGenerator() {
  let id = 1;
  while (true) {
    yield id++;
  }
}
const gen = idGenerator();
console.log(gen.next().value); // 輸出: 1

6. 異步函數（Async Function）

使用async關鍵字聲明，返回一個Promise。

async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  return response.json();
}

總結

根據需求選擇合適的函數聲明方式，可以提升代碼的可讀性和性能。 “`