在 JavaScript 中存取 GET 請求參數

現代瀏覽器提供用於操作 URL 和查詢字串的本機 API。這些 API，包括 URL 和 URLSearchParams，應優先考慮與現代瀏覽器的兼容性。

原始解決方案：

在原生 API 之前，所有 GET 請求參數都可以通過window.location.search 屬性。但是，這需要手動解析查詢字串。可以使用以下函數：

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

此函數採用 GET 參數名稱並傳回其值。如果參數不存在或沒有值，則傳回 undefined。

範例：

const foo = getQueryParam('foo');

const foo = getQueryParam('foo');