Изменить значение объекта внутри собственной функции

Question

Я хочу построить базовую библиотеку JS.У меня есть функция, вызывающая себя, которая содержит объект.

var test = (function (window) {

var defaults = {
    container: 'app',
    size: 500
};

function init() {
    var div = document.getElementById(defaults.container);
    var playerTemplate = 
    `<div class="container">
        <h1>hi</h1>
    </div>`;
    div.innerHTML = playerTemplate;
};

return {
    init: init
};

})(window);

Когда я запускаю эту функцию, я хочу передать объект и изменить объект по умолчанию в нем.Как я могу это сделать?

как это:

test.init({size: 300});

Answer 1

Вы можете использовать метод Object.assign для перезаписи значений по умолчанию

var test = (function (window) {

var defaults = {
    container: 'app',
    size: 500
};

function init(options) {
    const opts = Object.assign({}, defaults, options);

    var div = document.getElementById(opts.container);
    var playerTemplate =
        `<div class="container">
        <h1>hi</h1>
    </div>`;
    div.innerHTML = playerTemplate;
};

 return {
    init: init
 };

})(window);

test.init({ size: 300 });