JavaScript中如何在if-else条件下检查cookie存储的URL参数并获取最新输入参数

你当前的if-else分支是写死的固定优先级判断：只要gclid对应的cookie未过期，无论后续用户携带什么新参数访问，代码都会优先命中gclid的判断分支，不会识别参数的新旧顺序，这就是第二次带cjevent=3212访问时，仍然返回最早gclid值的核心原因。

核心思路是跳出固定优先级的判断逻辑，专门存储用户最后一次实际从URL获取到的目标参数，全程不需要多层if-else嵌套判断：

• 写入cookie时同步更新最新参数标记
  保留原有逻辑：检测到URL存在目标参数时，为每个参数单独写6小时过期的独立cookie；同时新增一个专属的latest_paramcookie，只要检测到新的目标参数，就直接覆盖这个cookie的值，格式为参数键:参数值，同样设置6小时过期、路径为/。
• 读取参数时直接获取最新标记内容
  删除原有四层if-else的优先级判断，直接读取latest_paramcookie的值，拆分出参数键和值拼接成后续要传递的params字符串即可。

window.onload = function() {
    try {
        const url_string = window.location.href.toLowerCase();
        const url = new URL(url_string);
        // 统一维护需要跟踪的参数列表，后续新增跟踪参数只需要修改这个数组即可
        const TRACK_KEYS = ['gclid', 'token', 'fbclid', 'cjevent'];

        TRACK_KEYS.forEach(function (key) {
            const value = url.searchParams.get(key);
            if (value) {
                // 保留原逻辑：单个参数的独立cookie，6小时过期
                document.cookie = `${key}=${value}; max-age=21600; path=/`;
                // 新增：同步更新最新访问的参数标记
                document.cookie = `latest_param=${key}:${value}; max-age=21600; path=/`;
            }
        });

        const getCookieValue = (name) => (
            document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''
        );

        let params = '';
        const latestParamRaw = getCookieValue('latest_param');
        if (latestParamRaw) {
            // 拆分存储的键和值
            const [paramKey, paramValue] = latestParamRaw.split(':');
            params = `${paramKey}=${paramValue}`;
        }

        // 校验输出
        alert(params);

    } catch (err) {
        console.log("Issues with Parsing URL Parameter's - " + err);
    }
}

• 第一次访问携带?gclid=sample：检测到gclid参数存在，写入对应独立cookie，同时写入latest_param=gclid:sample，alert输出gclid=sample，与原逻辑表现一致。
• 第二次访问携带?cjevent=3212：检测到cjevent参数存在，写入对应独立cookie，同时覆盖latest_param=cjevent:3212，无论之前的gclid cookie是否还在有效期，alert都会输出最新的cjevent=3212，彻底解决原逻辑的固定优先级问题。

内容的提问来源于stack exchange，提问作者laurence keith albano