オブジェクトにインポートしますか？

Question

のは、例を見てみましょう：私はこれらの無意味な一時的な変数名を作成していないよように、これを簡素化する方法が

import renewCreepLife from '../tasks/renew_creep_life'; 
import harvestEnergy from '../tasks/harvest_energy'; 
import pickupEnergy from '../tasks/pickup_energy'; 
import storeEnergy from '../tasks/store_energy'; 
import upgradeController from '../tasks/upgrade_controller'; 

const taskFuncs = { 
    [Tasks.RENEW]: renewCreepLife, 
    [Tasks.PICKUP_ENERGY]: pickupEnergy, 
    [Tasks.HARVESTING]: harvestEnergy, 
    [Tasks.STORING]: storeEnergy, 
    [Tasks.UPGRADING]: upgradeController, 
}; 

ありますか？何かのように：

// incorrect but desired syntax 
const taskFuncs = { 
    [Tasks.RENEW]: import '../tasks/renew_creep_life', 
}; 

N.B.これらのファイルのそれぞれは、export default function()

Answer 1

No.を使用しています。importステートメントは戻り値を持たないため、そのような変数に直接代入することはできません。

さらに、importおよびexportは最上位レベルで宣言する必要があります。

これはES6では不可能であり、近い将来（ES2016 +）そのままになる可能性があります。

しかし、HTML Module Loader specはあなたのようなモジュールをロードすることができますどの作業中があります：

System.import('../tasks/renew_creep_life') 
.then(renewCreepLife => { 

}); 

をしかし、それは約束ベースなので、あなたはまだだけでインラインそれを書くことができないでしょうそのようなオブジェクト。

同期ロードを行う場合は、NodeJSのrequireがおそらく最も近いでしょう。 Webpack/Browserify /などのブラウザの実装があります。その動作を模倣しようとすると：

const taskFuncs = { 
    [Tasks.RENEW]: require('../tasks/renew_creep_life').default 
};