出口對象，擴展和再出口它ES6

Question

我想定義具有共同屬性的對象：

var Config = { 
    a: 'fsdf', 
    b: 56, 
    c: 'fsfsdfsd', 
    set: function set(prop, val) { 
    this[prop] = val; 
    } 
}; 

在另一個文件中，我想將其與自定義屬性擴展：

var Config = Object.assign(Config, { 
    d: 34, 
    e: 'qqwqw' 
}); 

然後，我想讀取和修改其他文件的對象：

var x = Config.d + Config.b; 
Config.set('a', 'asdf'); 

在momment我用browserify和熱曲ire和modules.export語法。但我想使用ES6語法。

我該怎麼辦？謝謝。

Answer 1

導出的變量在模塊的約束，這樣你就可以修改導入的值，它會在其他地方

//config.js 
const Config = {a: 'value1'}; 
export default Config; 

//a.js 
import Config from './config'; 
// you don't need to reassign return value, first argument will be mutated itself 
Object.assign(Config, {a: 'value2'}); 

//b.js 
import Config from './config'; 
import './a'; 

console.log(Config); // prints {a: 'value2'} 

This article大約有更多的解釋來改變它。

此外，Rollup項目主頁有一個很好的操場來測試es6模塊的工作方式。見this example。

Answer 2

，您可以撥打廠家：

//config.js 
export function createConfig(ext) { 
    return Object.assign(
    {}, 
    { 
     a: 'fsdf', 
     b: 56, 
     c: 'fsfsdfsd', 
     set (prop, val) { 
     this[prop] = val; 
     } 
    }, 
    ext 
); 
}; 

//index.js 
import { createConfig } from './config'; 

let config = createConfig({ 
    d: 34, 
    e: 'qqwqw' 
}); 

export config; 

// x.js 
import { config } from './index.js'; 

var x = config.d + config.b; 
config.set('a', 'asdf');