Слить значение по умолчанию с пользовательскими настройками

Question

Я пытаюсь создать плагин с настройками. Там будут настройки по умолчанию и пользовательские настройки. Мне придется как-то объединить эти два в object. Я попытался следующие:

JSFiddle

function MyPlugin(options) { 
 
    if (typeof optoins === null || typeof options !== 'object') options = {}; 
 

 
    var defaults = { 
 
     prop1: true, 
 
     prop2: false, 
 
     prop3: 0, 
 
     prop4: 100, 
 
    } 
 
    // Set default options 
 
    for (var name in defaults) { 
 
    !(name in options) && (this.options[name] = defaults[name]); 
 
    } 
 
} 
 
var test = new MyPlugin();

Но я получаю сообщение об ошибке сказав:

Uncaught TypeError: Cannot set property 'prop1' of undefined

Что я делаю не так, и как я могу это исправить?

Answer 1

Я думаю, вы могли бы посмотреть на что-то вроде этого.

function MyPlugin(options) { 
    options = options || {}; 

    if (typeof userOpt !== 'object') { 
     options = {}; 
    } 

    var defaults = { 
     prop1: true, 
     prop2: false, 
     prop3: 0, 
     prop4: 100 
    }; 

    // Set default options 
    for (var name in defaults) { 
     defaults[name] = options.hasOwnProperty(name) ? options[name] : defaults[name]; 
    } 
} 

MyPlugin({ 
    prop1: false, 
    prop4: 300 
}); 

Так что, если MyPlugin() вызывается с null тогда userOpt будет пустой объект {}.

Выход:

{"prop1":false, "prop2":false, "prop3":0, "prop4":300} 

.hasOwnProperty просто проверяет, если он установлен пользователем или нет, если да, то идти с опцией пользователя в противном случае сделать по умолчанию.

hasOwnProperty: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty

Every object descended from Object inherits the hasOwnProperty method. This method can be used to determine whether an object has the specified property as a direct property of that object; unlike the in operator, this method does not check down the object's prototype chain.