Не понимаю работу proxy на участке скрипта

@vovandr · Регистрация: 19.08.2013

Author24 — интернет-сервис помощи студентам

Всем привет. Есть вот такой скриптик:

Javascript

    (function($, exports){
      var mod = function(){};
      mod.fn  = mod.prototype;
      
      mod.fn.proxy = function(func){
        return $.proxy(func, this);
      };
      
      mod.fn.load = function(func){
        $(this.proxy(func));
      };
      
      mod.fn.include = function(ob){
        $.extend(this, ob);
      };
      
      exports.Controller = mod;
    })(jQuery, window);
 
    (function($, Controller){
      
      var mod = new Controller;
      
      mod.toggleClass = function(e){ 
        this.view.toggleClass("over", e.data);
      };
      
      mod.load(function(){
        this.view = $("#view");
        this.view.mouseover(this.proxy(this.toggleClass));
        this.view.mouseout(this.proxy(this.toggleClass));
      });
      
    })(jQuery, Controller);

На всякий случай приведу css и html чтобы визуально хоть что-то видеть:

CSS

#view {
      margin: 20px;
      padding: 20px;
      width: 100px;
      border: 5px dashed blue;
    }
    
    #view.over {
      border-color: red;
    }

HTML5

1	<div id="view">Mouse over me</div>

Как работает функция proxy мне хорошо известно. Она просто фиксирует нужный контекст аналогично функции bind в js. Так вот, мне не понятна работа на этом участке:

Javascript

1
2
3

mod.fn.load = function(func){
        $(this.proxy(func));
      };

Для чего необходимо обрамление $() ? Метод в прототипе mod.fn.proxy вернул саму функцию...так для чего нужно обрамлять $() ??? поясните плиз. Спасибо.

Добавлено через 12 часов 5 минут
Разобрался, тему можно закрывать...

@Lazy_Den · 24.04.2014, 14:20

Сообщение от vovandr

Разобрался, тему можно закрывать...

А с другими поделиться? Сделаю это за вас.

Сообщение от vovandr

Метод в прототипе mod.fn.proxy вернул саму функцию

Да и схематически она выглядит так: function(){ /*...*/ }. Теперь, обернув её в $(), мы получаем такую запись:

Javascript

1
2
3

$(function(){
   /* ... */
});

И если внимательно посмотреть, то это не что иное, как конструкция DOM-Ready

@vovandr · 24.04.2014, 17:22 **[ТС]**

Lazy_Den Совершенно верно

Причем если скрипт стоит после html можно вызвать и так:

Javascript

1
2
3

mod.fn.load = function(func){
        this.proxy(func)();
      };

Что я впоследствии и сделал

	24.04.2014, 17:22