В чем преимущество записи функций в таком формате?

Question

[Messi]

Есть файл myCode.js, код:

var myCode = new function(){
    
    this.one = function(){
        //code
    };

    this.two = function(){
        //code
    };	

};

Теперь в index.html подключаю

<script>
    $(function() {
        myCode.one();
        myCode.two();
    });
</script>

Теперь вопрос, как переписать данный код с помощью такого варианта и чем он лучше:

var myCode = (function($) {
    function myCode()
    {
         //code
    };

    return myCode;
})(window.jQuery);

И как тогда вызывать one и two в index.html?

Answer 1

[Владлен Хеллсайт]

Создание класса что бы он выполнился первее. А так же локальное объявление переменных.

var MyCode = (function($){
	function MyCode () {
		// constructor
	}

	MyCode.prototype.one = function(){
		// code
	};


	MyCode.prototype.two = function(){
		// code
	};

	return MyCode;
})(window.jQuery);

var myCodeInstance1 = new MyCode;
var myCodeInstance2 = new MyCode;

myCodeInstance1.one();
myCodeInstance1.two();

myCodeInstance2.one();
myCodeInstance2.two();

Comments

[Messi]

Я понял, спасибо. А зачем myCodeInstance2 ?

[Messi]

И где об этом можно прочитать(prototype и тд)?

[Владлен Хеллсайт]

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

[Messi]

Владлен Хеллсайт: Спасибо тебе большое!

[Виталий]

Владлен Хеллсайт: все по делу, только не ясно зачем передается в класс jQuery, хотя это же пустышки....

[Messi]

Владлен Хеллсайт: Об этом почитаю вечером, а сейчас если не сложно, подскажи, пожалуйста, внизу страницы я подключаю через var myCodeInstance1 = new MyCode; и запускаю, то что нужно myCodeInstance1.one();

Но у менять на странице выше есть две кноки с onclick которые должны запустить код одна кнопка myCodeInstance1.three(), а другая myCodeInstance1.four();
Понятно что нужно писать var myCodeInstance3 = new MyCode; и var myCodeInstance4 = new MyCode;
но для Onclick это много кода, как это можно сделать сокращенно или чтобы один раз на страницу всю запустить new MyCode

[Владлен Хеллсайт]

Виталий: судя по коду который предоставлен ТС-ом, могу предположить что модуль будет использовать возможности jQuery.

[Владлен Хеллсайт]

Максим: не использовать onclick и повешать обработчики в JS.

[Виталий]

Владлен Хеллсайт: отзовись в вк, есть дельное предложение