Nhập vào đối tượng?

Question

Hãy bắt đầu với một ví dụ:

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

Có cách nào để đơn giản hóa này vì vậy mà tôi không tạo ra những tên biến tạm thời vô nghĩa? Một cái gì đó như:

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

N.B. mỗi tệp đó đang sử dụng export default function()

Answer 1

No.

Ngoài ra, import và export phải được khai báo ở cấp cao nhất.

Điều này là không thể với ES6 và có khả năng sẽ ở lại như vậy trong tương lai gần (ES2016 +).

Tuy nhiên, có một HTML Module Loader spec được làm việc trên đó sẽ cho phép bạn tải các module như:

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

}); 

Nhưng vì nó hứa hẹn dựa trên, bạn sẽ vẫn không thể chỉ viết nó nội tuyến trong một đối tượng như thế.

Nếu bạn muốn tải đồng bộ, NodeJS 'require có lẽ là gần nhất bạn sẽ nhận được. Có các triển khai trình duyệt như Webpack/Browserify/etc. mà cố gắng bắt chước các hành vi:

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