vue 的 object 自己用自己的值？

Question

const configCommon = {
  defaultLang: 'ch',
  productionHost: 'abc.com',
  apiHost: location.host.indexOf('abc.com') > -1 ? 'https://api.abc.com' : 'http://127.0.0.1:8200',
  deviceWidth: 500,
  ...
}

export default configCommon

有個疑問
假設我的 abc.com 重複了至少三次
可以在object中自己用自己？
我的想像畫面是...

const configCommon = {
  productionHost: 'abc.com',
  apiHost: location.host.indexOf(configCommon.productionHost) > -1 ? `https://api.${configCommon.productionHost}` : 'http://127.0.0.1:8200',
  ...
}

當然，獲得了錯誤...

Cannot access 'configCommon' before initialization

Answer 1

我会这么处理

const baseUrl = 'abc.com'
const configCommon = {
  defaultLang: 'ch',
  productionHost: baseUrl,
  apiHost: location.host.indexOf(baseUrl) > -1 ? `https://api.${baseUrl}` : 'http://127.0.0.1:8200',
  deviceWidth: 500,
  ...
}

export default configCommon

Answer 2

没有性能要求的话，做成getter字段用this访问。

否则就先留空，下一条语句再赋值这个字段。