JavaScript中的箭頭函數是ES6(ECMAScript 2015)中新增的一種新函數型別。箭頭函數是一種更簡潔的函數宣告方式，同時也有不同於傳統函數的一些特性。

箭頭函數的語法形式為：（引數）=> {函數體}

其中，引數和函數體之間由箭頭符號（=>）連線。

箭頭函數與傳統函數的一些不同點如下：

1. 箭頭函數沒有自己的this物件，它的this繼承自父作用域。這意味著在箭頭函數中使用this時，它實際上是指向父作用域中的this，而不是箭頭函數自己的this。

2. 箭頭函數沒有arguments物件，但可以使用rest引數(...args)取代。

3. 如果箭頭函數只有一個引數，可以省略小括號。

4. 如果函數體只有一條語句，可以省略大括號和return語句。

箭頭函數的應用場景：

1. 作為回撥函數。箭頭函數的簡潔語法和繼承父作用域的this物件使它非常適合作為回撥函數。

2. 與陣列方法結合使用。在陣列方法中，箭頭函數比傳統函數更具可讀性和簡潔性。

3. 與PromiseAPI結合使用。在PromiseAPI中，箭頭函數可以幫助我們更方便地處理非同步程式碼。

總之，箭頭函數是一種更簡潔、更易讀、更方便的函數型別，它的使用可以提高程式碼的可讀性和開發效率。

// 傳統函數
function greeting(name) {
  console.log("Hello, " + name);
}

// 箭頭函數
const greetingArrow = name => {
  console.log("Hello, " + name);
}

greeting("Tom"); // 輸出 "Hello, Tom"
greetingArrow("Jerry"); // 輸出 "Hello, Jerry"

const shoppingCart = [
   { id: 1, name: "Shirt", price: 25 },
   { id: 2, name: "Pants", price: 50 },
   { id: 3, name: "Shoes", price: 100 }
];

const VAT_RATE = 0.2; // 稅率

const calculateTotalPrice = shoppingCart => {
  // 使用 reduce 方法計算購物車中所有商品的總價
  const totalPrice = shoppingCart.reduce((acc, product) => acc + product.price, 0);
  
  // 計算總價和稅費
  const total = totalPrice + (totalPrice * VAT_RATE);
  
  // 四捨五入並保留兩位小數
  return Math.round(total * 100) / 100;
}

const total = calculateTotalPrice(shoppingCart);
console.log("Total Price: $" + total); // 輸出 "Total Price: $210"

什麼是Promise？如何使用Promise？

Promise是JavaScript中一種非同步程式設計的解決方案，它表示一個尚未完成但預計將來會完成的操作，並提供一種處理該操作結果的方式。

在Promise中，我們可以定義需要執行的操作，以及當操作完成後需要執行的一系列回撥函數。Promise既可以表示操作失敗的情況，也可以表示操作成功的情況。

Promise具有以下特點：

1. Promise物件的狀態不受外界影響。一旦狀態改變，就不會再變，任何時候都可以得到這個結果。

2. Promise物件的狀態一旦改變，就不能再改變。如果不設定回撥函數，Promise內部的錯誤不會影響到外部。

3. Promise 物件提供了鏈式操作，可以使其程式碼更加簡潔易讀。

const promise = new Promise((resolve, reject) => {
  // 非同步操作
  setTimeout(function(){
    const num = Math.random();
    if(num < 0.5){
      resolve(num)
    } else {
      reject(num)
    }
  }, 1000)
})

promise.then((res)=>{
  console.log("操作成功，結果為：", res);
}).catch((err)=>{
  console.log("操作失敗，結果為：", err);
})

上述程式碼中，我們通過Promise建構函式建立了一個Promise物件，在非同步操作完成後通過resolve方法表示操作成功並返回一個結果，通過reject方法表示操作失敗並返回一個錯誤資訊。在then和catch方法中，我們分別定義了操作成功和操作失敗後需要執行的回撥函數。

Promise有三種狀態：pending、fulfilled和rejected。當非同步操作執行時，它最初處於pending狀態。如果非同步操作成功，則狀態變為fulfilled，並返回一個值，如果發生錯誤，則狀態變為rejected，並返回一個錯誤物件。

下面是使用Promise的簡單範例：

function fetchData() {
  return new Promise((resolve, reject) => {
    fetch('https://jsonplaceholder.typicode.com/users')
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(error => reject(error))
  })
}

fetchData()
  .then(data => console.log(data))
  .catch(error => console.error(error))

上面的程式碼中，fetchData函數返回一個Promise。如果非同步操作成功，它會呼叫resolve回撥函數，並傳遞資料物件。如果發生錯誤，它會呼叫reject回撥函數，並傳遞一個錯誤物件。

在這個範例中，我們使用了fetch API來獲取資料。通過呼叫response.json()，我們將響應物件轉換為JSON格式的資料。最後，我們處理資料物件或錯誤物件，您可以在.then()和.catch()方法中進行操作。

在處理非同步操作時，Promise非常強大且易於使用。它可以簡化程式碼並提高可讀性。不要猶豫，嘗試使用Promise來處理非同步操作。

什麼是async/await？ 如何使用async/await？

async/await 是一種用於簡化非同步操作的語法特性。它基於 Promise 物件，利用 async 和 await 關鍵字簡化 Promise 的鏈式呼叫和錯誤處理，使非同步程式碼看起來像同步程式碼。

async 表示一個函數是非同步的，並返回一個 Promise 物件。await 表示等待 Promise 物件的解決，並返回 Promise 物件的解決值。使用 async/await 可以避免回撥地獄，提高程式碼的可讀性和可維護性。

使用 async/await 的基本流程如下：

1.定義一個非同步函數，使用 async 關鍵字標記。

2.在函數中使用 await 關鍵字等待 Promise 物件處理完成，返回 Promise 物件的解決值。

3.處理 Promise 物件的錯誤，使用 try...catch 捕獲非同步操作的錯誤。

例如：

async function getData() {
  try {
    let response = await fetch('https://jsonplaceholder.typicode.com/users');
    let data = await response.json();
    console.log(data);
  } catch (error) {
    console.log(error);
  }
}

getData();

在上面的例子中，我們定義一個非同步函數`getData`，使用 await 關鍵字等待 fetch() 方法返回的 Promise 物件處理完成，然後再使用 await 關鍵字等待 response 物件的 json() 方法返回的 Promise 物件處理完成，最後將返回的 JSON 資料輸出。同時使用 try...catch 捕獲非同步操作的錯誤，便於進行錯誤處理。

使用 async/await 可以大大簡化 Promise 的鏈式呼叫和錯誤處理，提高程式碼的可讀性和可維護性。但需要注意的是，await 只能在 async 函數內部使用，否則會報語法錯誤。