字符串变量值在IE11上作为对象键错误

Question

我在IE11下的一个页面上遇到了一个问题，页面崩溃了。有问题的代码本质上是从服务器动态获取一个String，用它初始化一个变量，然后将其用作对象键。为了使问题易于理解，我编写了一个小脚本:

var bar = "b";
var foo = {[bar]: "Orson oson a borsos borsós fosos koros boros korsón"};

这适用于Chrome, FireFox和Microsoft Edge，但在IE11下，我得到以下错误:

期望的标识符，字符串或数字

为什么IE11不允许这个，我应该如何解决这个问题?

Answer 1

IE11是旧的，不支持这种语法…ES2015+中的语法变化并不总是容易在老旧的浏览器中实现——尽管你可以这样做

var bar = "b";
var foo = {};
foo[bar] = "Orson oson a borsos borsós fosos koros boros korsón";

但是，使用babel的

代码转换为(ES2015-loose preset)

var _foo;
var bar = "b";
var foo = (_foo = {}, _foo[bar] = "Orson oson a borsos borsós fosos koros boros korsón", _foo);

或(ES2015预置)

function _defineProperty(obj, key, value) { 
    if (key in obj) { 
        Object.defineProperty(obj, key, { 
            value: value, 
            enumerable: true, 
            configurable: true, 
            writable: true 
        }); 
    } else { 
        obj[key] = value; 
    } 
    return obj; 
}
var bar = "b";
var foo = _defineProperty({}, bar, "Orson oson a borsos borsós fosos koros boros korsón");

此语法称为Computed property names