Николай

Можно ли в JS как-то отслеживать событие обращения к объекту?

var obj = {
  get foo() {
    console.log({ name: 'foo', object: obj, type: 'get' });
    return obj._foo;
  },
  set bar(val) {
    console.log({ name: 'bar', object: obj, type: 'set', oldValue: obj._bar });
    return obj._bar = val;
  }
};

Ну или proxy

Просто в цикле for замените объявление переменной var на let. А еще почитайте вот этот материал — https://github.com/azat-io/you-dont-know-js-ru/blo... чтобы понять почему так произошло. В вашем примере переменная i хранит всегда последнее значение в переборе цикла.

Есть экспериментальная технология https://developer.mozilla.org/ru/docs/Web/API/Inte...
пример работы - https://codepen.io/callahad/pen/YxXpyN , но с поддержкой пока плохо работает в хром.

Либо же высчитывать позиционирование элемента какой-нибудь универсальной функцией типа:

getCoord = function (elem)
    {
        var box = elem.getBoundingClientRect();
        var body = document.body;
        var docEl = document.documentElement;
        
        var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
        var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
        
        var clientTop = docEl.clientTop || body.clientTop || 0;
        var clientLeft = docEl.clientLeft || body.clientLeft || 0;
        
        var top  = box.top +  scrollTop - clientTop;
        var left = box.left + scrollLeft - clientLeft;
        
        return { top: Math.round(top), left: Math.round(left) };

    };

ну и путем сравнения с видимой областью узнать виден элемент или нет.

https://gist.github.com/galambalazs/6477177/

В общем как оказалось jQuery.fn = jQuery.prototype. А значит в моем случае, если хочется использовать методы плагина таким образом, то пространство имен $.fn вообще не нужно.

(function($){
    var methods = {
        init : function(options) { 
            console.log('init');
        },
        show : function( ) {
        
        },
        hide : function( ) {
        
        },
        update : function(content) {
            console.log(content);
        }
    };

    $.myPlug = function(method) {
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || ! method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error( 'Метод с именем ' +  method + ' не существует для $.chats' );
        } 
    };
})(jQuery);

$.myPlug(); // init

$.myPlug('update', 'Привет мир'); // Привет мир

$.myPlug('blalbla') // $.error