ऑब्जेक्ट में आयात करें?

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', 
}; 

एनबी। उनमें से प्रत्येक फाइल export default function()

Answer 1

सं। import कथन का रिटर्न वैल्यू नहीं है, इसलिए इसे कभी भी इस तरह के चर के लिए असाइन करने के लिए उपयोग नहीं किया जा सकता है।

इसके अतिरिक्त, import और export शीर्ष स्तर पर घोषित किया जाना चाहिए।

ईएस 6 के साथ यह संभव नहीं है और संभवतः निकट भविष्य (ES2016 +) के लिए इस तरह से रहेगा।

हालांकि, वहाँ है एक HTML Module Loader spec काम किया जा रहा है जिस पर आप की तरह मॉड्यूल लोड करने के लिए अनुमति देगा:

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

}); 

लेकिन बाद से यह वादा आधारित है, तो आप अभी भी बस इसे इनलाइन लिखने के लिए एक में सक्षम नहीं हो जाएगा उस तरह की वस्तु।

यदि आप सिंक्रोनस लोडिंग चाहते हैं, तो नोडजेएस 'require शायद सबसे नज़दीक है जो आपको मिलेगा। वेबपैक/ब्राउज़र/इत्यादि जैसे ब्राउज़र कार्यान्वयन हैं। व्यवहार की नकल करने का प्रयास जो:

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