JavaScript语法排查：读取Cookie代码在VS2013报错但可运行

问题很明确：VS2013的JavaScript语言服务只支持ES5标准，而你写的代码用了不少ES6（ECMAScript 2015）的新特性——这些特性现代浏览器能识别，但老版本的IDE语法检查器完全不认，所以才会标红报错。

你代码里踩的ES6坑包括：

• const 块级作用域变量声明（ES5只有var）
• 数组解构赋值 const [key, val] = str.split(':')
• 箭头函数 (obj, str) => { ... }

把代码转换成ES5语法，VS2013就不会报错了，功能和原代码完全一致：

try {
    var input = Cookies.get('CookieConsent');
    var obj = input.slice(1, input.length - 1)
        .split(',')
        .reduce(function(obj, str) {
            var parts = str.split(':');
            var key = parts[0];
            var val = parts[1];
            obj[key] = val;
            return obj;
        }, {});
} catch(err) {
    // 这里写错误处理逻辑
}

1. 替换const为var：ES5没有块级作用域的const/let，用var替代就能通过语法检查（如果严格需要块级作用域，可以用立即执行函数表达式IIFE，但这里try块里的var已经能满足需求）
2. 箭头函数转普通函数：VS2013完全不识别箭头函数语法，换成传统的function声明即可
3. 去掉解构赋值：把const [key, val] = str.split(':')拆成先获取分割后的数组，再分别赋值给变量，这是ES5的标准写法

原代码里把所有值都按字符串处理了，比如true/false会被当成字符串'true'/'false'存储。如果后续逻辑需要真实的布尔值，可以在赋值时加个类型转换：

obj[key] = val === 'true' ? true : val === 'false' ? false : val;

这样能避免因类型不匹配导致的逻辑错误。

内容的提问来源于stack exchange，提问作者Learning