2

Например, есть у меня объект с различными методами.

Как можно для этих методов задать параметры, используя для этого объект, как например реализовано во многих плагинах, например jQuery:

$('#some').some({
    navigation: true,
    navigationPosition: 'right'
});
3
  • в примере вы и так передаете объект в метод, проблема то в чем?
    – korytoff
    1 окт 2015 в 13:30
  • Особых проблем нет. Кроме одной - JS начал изучать недавно и пока нет четкого понятия того, как правильно реализовать передачу параметра как объекта и его последующей обработки
    – wkornilow
    1 окт 2015 в 13:40
  • Так же существует целый набор разных паттернов и best practice создания плагинов для jQuery. shichuan.github.io/javascript-patterns/#jquery-plugin-patterns
    – IonDen
    1 окт 2015 в 14:13

2 ответа 2

4

Это паттерн передачи опций. Когда метод имеет множество настроек, и их значения по умолчанию, а параметром можно передать объект опций с измененными значениями. Внутри, метод объединит их: переданные значения приоритетнее дефолтных.

У jQuery, lodash, underscore и др. библиотек есть удобный метод extend() для объединения свойств: главному объекту дописываются/перезаписываются свойства из следующих объектов.

Например, метод для формирования тега картинки:

myObject = {
    myMethod: function( opts){
        var props = { // заполнен значениями по-умолчанию
            width: "100px",
            height: "100px",
            src: "noimage.png",
            alt: "",
            title: "",
        };

        jQuery.extend( props, opts);

        // теперь в props объединены св-ва
        return '<img src="' +props.src 
            +'" width="' +props.width 
            +'" height="' +props.height
            +'" alt="' +props.alt
            +'" title="' +props.title
            +'" />';
    }
}

Его можно вызвать, указав только те свойства, что отличаются от дефолтных:

var imgTag = myObject.myMethod({
    src   : "avatar.jpg",
    title : "Вася Пупкин",
});

Вернет код тега, где ширина/высота по-прежнему 100.


Update этот паттерн, в частности, описан в руководстве по разработке плагинов, как раз, к jQuery (на англ.).

1
  • Спасибо большое за развернутый ответ!
    – wkornilow
    1 окт 2015 в 13:48
3

Не совсем корректно задан вопрос. Попробую ответить:

var someObj = {
   a:1,
   b:2
};

function someFunc(obj) {
   alert(obj.a);
};

someFunc(someObj);

Как видно из примера, функция принимает параметром объект.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.