四種高級 JavaScript 技術可能會讓您在下次面試時感到驚訝。讓我們保持簡短明了，只包含要點和程式碼範例。

1. 頂級Await

// Fetching data at the module level
const response = await fetch('https://api.example.com/data');
const data = await response.json();

export default data;

要點：簡化模組中的非同步操作。

範例： 假設您需要在初始化應用程式之前從 API 取得設定設定。頂級 Await 使這變得簡單，無需將所有內容包裝在非同步函數中。

2. Temporal API（第 3 階段提案）

import { Temporal } from '@js-temporal/polyfill';

// Get current date and time
const now = Temporal.Now.plainDateTimeISO();
console.log(now.toString()); // 2024-08-12T10:00:00

要點： 比 Date 物件更能處理日期/時間。

範例： 正在開發全球應用程式？ Temporal API 可讓您準確處理時區，避免 Date 物件的陷阱。

3. 模式匹配（第3階段提案）

const value = { x: 1, y: 2 };
const result = match (value) {
  {x: 1, y: 2} => 'Point at (1, 2)',
  {x, y} if (x > y) => 'X is greater',
  _ => 'Unknown pattern'
};
console.log(result);

要點： switch 語句的強大替代方案。

範例： 透過直接配對模式來簡化資料處理中複雜的條件邏輯，減少巢狀 if-else 語句的需要。

4. 記錄與元組（第 2 階段提案）

const record = #{ x: 1, y: 2 };
const tuple = #[1, 2, 3];

console.log(record.x); // 1
console.log(tuple[0]); // 1

重點： 不可變的資料結構可實現更安全的程式碼。

範例： 使用記錄和元組確保關鍵資料結構在整個應用程式中保持不變，從而防止意外突變。

關注更多這類程式設計...