функция с опциями - следует ли использовать $ .extend(), чтобы сделать код менее подробным?

Question

Я строю индикатор состояния, как это:

G = { status : function(type, msg) { 
    var opts = { 
     'plain': ['#ccc', '#000'], 
      'alert': ['#900', '#fff'] 
    } 
    var $el = $('<div id="status"></div>') 
     .css({ 
     'background': opts[type][0], 
      'color': opts[type][1] 
    }) 
     .html(msg) 
     .appendTo('body'); 
    return $el; 
}} 

Я называю это так:

G.status('plain','hello'); //makes a black text on grey background message 
G.status('alert','ouch'); //makes a white text on red background message 

Вопрос: Вместо CSS я мог бы иметь более сложные параметры, как объект различных вариантов, некоторые из которых могут быть необязательными. есть ли более элегантный способ сделать это? У меня такое ощущение, что я действительно не использую javascript и jquery, чтобы это было наилучшим потенциалом и делало код слишком сложным.

Подумайте об этом, я думаю, это, возможно, было задано в другом месте, но я еще не нашел его.

Answer 1

Я бы, вероятно, использовал классы. Одним из преимуществ было бы то, что вы могли бы добавить любое количество типов состояний без необходимости обновлять функцию, которая их создает. Просто добавьте стиль в свой CSS, и вы включите его.

// type corresponds to a class in my CSS 
function status(type, msg) { 
    var $el = $('<div id="status"></div>') 
     .addClass(type) 
     .html(msg) 
     .appendTo('body'); 
    return $el; 
} 

status('plain', 'hello'); 

CSS:

.plain { 
    background: #ccc; 
    color: #000; 
}