Спасибо, попробую

Добрый вечер!
Подскажите, вот у нас глобальная среда, допустим, window
Если мы пишем this.innerHeight, это корректно?
Только учу и разбираюсь, заранее спасибо)

Ребят! Всем привет. Предлагаю решить задачку на JavaScript. Интересно, кто и какие решения предложит.
Имеется некая база данных, в которой находится 100 проектов, 150 скриншотов. Элементы загружаются по Ajax через scroll. Также у нас есть папка "Все удаленные", куда помещаются все удалённые проекты и скриншоты. На данный момент в этой папке находится 10 удалённых проектов и 10 удалённых скриншотов. Но к сожалению там при scroll Ajax они отображаются неверно, т.к. для всех элементов используется один общий Dashboard.page и тем самым при загрузке возникает конфликт Dashboard.page элементов. Для быстрого понимания код был написан просто и легко. Кому какие решения приходят в голову?)

Добрый. А где именно ты пишешь это? В каком именно блоке?

Допустим, вообще без блока

То есть просто объявляю переменную и присваиваю ей значение

лучше так не делать, но это будет работать

таким образом работают переменные обьявленные через var

а они deprecated

можно, но это будет нечитаемо и другой программист, который увидит в твоем коде this в глобальной области, будет терять время и искать, к какому контексту относится этот this.
А если ты укажешь window, то ему уже не потребуется для понимания делать дополнительных действий, т.к. уже понятно, что window это window.

лучше вообще не присваивать ничего в window без крайней необходимости

Спасибо)
Я не для использования, а больше для понимаю работы this и понимания что такое глобальная среда

Лично я window использую всегда в одном только случае, когда пишу код. Примерно так:

(function(window, document) {
   'use strict';

  function Module() {
     
  }

   Module.prototype.set = function(option, value) {
       //body
   };

   Module.prototype.get = function(option) {
       //body
   };
   
   window.MyModule = window.MyModule || new Module();
})(window, document);

Т.е. при написании применяю инкапсуляцию (самовызывающая анонимная функция - некий NameSpace), и в ней в глобальную область выношу потом через window свой объект..

Погода, она такая)

this - очень нужная штука.

Например, ты на элемент устанавливаешь событие click и при клике тебе с элементом что-то нужно сделать, например, применить ему стиль.

var element = document.querySelector('[data-item="item"]');

element.onclick = function() {
 // здесь this - это element
 this.style.border = '1px solid red';

 // а программист, который не знаком с this и не знает, как он работает, сделает типичную эту ошибку:
 // снова получит этот элемент внутри обработчика и выполнит для него соответствующие действия..
 document.querySelector('[data-item="item"]').style.border = '1px solid red';
};

Ага, это я осознала уже
То есть this берет свое окружение

Не всегда

Если оно определено?

function a() {
 alert(this);
}

a();