真实用例动态(计算）属性

Real use case dynamic (computed) property

本文关键字：计算 属性 动态 真实      更新时间：2023-09-26

动态属性：

var obj = {
  // Computed (dynamic) property names
  [ 'prop_' + (() => 42)() ]: 42
};

这当然很奇特。但是，在不增加不必要的复杂性的情况下，哪里可以使用它呢？

如果您有一个属性名称作为常量：

var obj = { [SOME_CONSTANT]: 42 };

我想要的一种情况是，JSON的属性名称是在生成的文件中基于Java类定义的。

// Generated
var SomeJsonBodyParams = {NAME: 'name', ID: 'id', ETA, 'estimatedTimeOfArrival'};
// Using it
sendAjax('some/url', {
    [SomeJsonBodyParams.NAME] = userData.name,
    ...
});

我们甚至有一个方法，这样我们就可以做到

function makeObj() {
  var obj = {};
  for (var i=0; i < arguments.length; i+=2) {
      obj[i] = obj[i+i];
  }
  return obj;
}
sendAjax('some/url', makeObj(
    SomeJsonBodyParams.NAME, userData.name,
    ...
));

您可以在class和Symbols:中使用它

class MyClass {
    [Symbol.iterator]() {
        // my iterator
    }
}

假设您有：

var hi = 'hi';
var test = 'test';
var hello = 'hello';

代替：

var object = {};
object[hi] = 111;
object[test] = 222;
object[hello] = 333;

你可以用更短的语法写它：

var object = {
    [hi]: 111,
    [test]: 222,
    [hello]: 333
}

例如，当您想使用常量作为对象中的键时，可以使用它。

const DATA_TYPE = {
    PERSON: 'person',
    COMPANY: 'company'
};
let cache = {
    [DATA_TYPE.PERSON]: getPerson()
};

以及以后的访问：

cache[DATA_TYPE.PERSON]

代替DATA_TYPE.PERSON可以是任何东西（包括一些实时计算值）。

相关文章：