Как работает данная конструкция на JavaScript?

Question

[TrainHard]

Здравствуйте!

Объясните, пожалуйста, простым языком.
Как работает данная конструкция на JavaScript?

var module = (function (obj) {	
	//code
})(module || {});

Я совсем запутался. Спасибо.

Comments

[copal]

когда срабатывают круглые скобки в самом конце (module || {}), то в переменную module записывается ссылака на создаваемый объект, то есть анонимную функцию.

В момент первого вызова свойству module еще не присвоена ссылка, так как объект-функция находится в процессе создания. Поэтому в аргументы передается пустой объект {}, ведь происходит сравнивание "module или {}". Но модуля ещё нет и по этому передается объект.

[TrainHard]

copal: Благодарю. Объясните, пожалуйста, суть. Зачем передавать аргументом переменную, которой присваивается функция? И как называется такой прием?

[copal]

TrainHard: сказать честно, я такую конструкцию много раз видел в коде, который был написан очень давно, без использования "правильных библиотек", по этому не знаю для чего так делать. Но возможно так делают, чтобы изобразить синглтон или приватность...

Answer 1

[Виталий Инчин ☢]

Так более понятно будет?

function f(obj){
  //code
}
var module = f(f() || {});

Comments

[TrainHard]

Спасибо. Это я понимаю. Объясните, пожалуйста, суть. Зачем передавать аргументом переменную, которой присваивается функция? И как называется такой прием?

[Виталий Инчин ☢]

TrainHard: обновил ответ. Как называется незнаю, но по сути это просто укорачивание кода.

[Vlad Harbarchuk]

TrainHard: как называется не знаю, но суть походу в том, чтобы реализовать синглтон, больше причин не вижу...

[Алексей Зуев]

Vlad Harbarchuk: Loose Augmentation источник

Answer 2

[Сергей Протько]

Шаблон проектирования Модуль

Answer 3

[Dmitriy Mozgovoy]

Ничего хитрого здесь нет, суть проста - либо берем существующий объект-модуль и работаем с ним в функции, либо если его нет- создаем. Это такая старая реализация модульности...

//module = [undefined] значит создаем новый с пустого объекта 
      var module = (function (obj) {
          obj.x=1;
          obj.z=3;
          return obj;
      })(module || {});

//module = [object] продолжаем работать с уже созданным 
      var module = (function (obj) {
          obj.x=2;
          obj.y=1;
          return obj;
      })(module || {});

      console.dir(module);

Comments

[TrainHard]

Спасибо. Но если вот такая конструкция

var jQuery = (function (jq) {
	jq.prototype.on = function () {
		console.log('Hello world!');
	}
	return jq;
})(jQuery || {});

Предположим, у нас выше этого кода есть подключенная jQuery библиотека. Что будет в таком случае? Будет перезаписан метод 'on'?

[TrainHard]

Digital Brain

[Dmitriy Mozgovoy]

TrainHard: да будет переписан, а будет ли работать в библиотеке - это надо посмотреть исходник JQ какая там реализация и где этого метода...

[Dmitriy Mozgovoy]

TrainHard: проверил - да переписывает ...

[TrainHard]

Digital Brain: Спасибо за содействие. Смысл паттерна, получается таков: Расширение модуля или создание нового, если модуля не существует?

[Dmitriy Mozgovoy]

TrainHard: да, модуля / объекта . Сойдет за подвид паттерна синглтона...