Алексей Уколов

все написано в доках, но бежать нужно на тостер.

Для get параметров нужно использовать свойство query.

Согласен - проверка length. На счет эксепшена - можно, но как-то коряво (много дополнительного кода на обработку, не самого внятного притом). Тут ведь просто условие продолжения выполнения логики.

Если нужно действительно убедиться, что присутствуют обязательные все элелемнты просто (хотя бы по разу), я бы написал так примерно:

...
var selectors = [ '.header__layer1', '.figures', '.top-menu', '.switcher'];

var allElementsExist = $.grep(selectors, function ( selector ) {
    return $( selector ).length > 0;
}).length === selectors.length;

if (allElementsExist) {
   // логика
} else { 
   return; // можно else просто опустить если дальше ничего не должно быть, разумеется
}
...

Можно конечно и хелпер сделать, но я лично не большой фанат таких подходов

jQuery.fn.exists = function() { return this.length>0; }

// использовать потом так:
if ( $( selector ).exists() ) {
    // ... что-то
}

Знаки !, -, + заставляют интерпретатор вычислить (в данном случае - выполнить) то, что находится справа. Например, в Bootstrap всюду вставлен знак + для этого.
Однако, более правильным было бы переписать код так:

(function ($){
    "use strict";
    
}(this.jQuery));

Это тоже шаблон самовызываемой функции, описан в книге Стояна Стефанова "JavaScript. Шаблоны" (люто рекомендую читать не смотря на преклонный для литературы данного типа возраст, где взять - сами знаете).

Обращение к локальным переменным избавляет от головной боли и долгой отладки, когда непонятно, почему при клике на эту кнопку не только обновляется список записей таблицы, но и увеличивается размер шрифта в заголовке страницы. Глобальные переменные - зло, и с этим нужно бороться. Только замыкания, только хардкор.

Что касается скорости - в сравнении с перерисовкой DOM любой ваш код будет быстрым, как молния. И да, обращение к глобальным переменным дороже, чем к локальным, т.к. сначала делается поиск в локальной области видимости, и только потом - к глобальной.

document и window можете помещать, можете не помещать - разница будет только в том, что можно использовать краткие имена:

(function (W, D){ 
    // W = window   (1 символ против 6)
    // D = document (1 символ против 8)
    "use strict";

}(window, document));

Всё остальное в указанной книге ну и конечно Николас Закас, "JavaScript. Оптимизация производит....

https://jsfiddle.net/QW01_01/w45v1hdc/1/

var makeCounter = function(counterName){
	var c = 0;

    Object.defineProperty(window, counterName, {
      enumerable: false,
      configurable: false,
      get:function(){
          return c++;
      }
    });

}

makeCounter('counter');

counter;
counter;
counter;

console.log(counter);

В данном примере код аналогичен чему-то подобному:

var i = 3;
var i = i; 
console.log(i); //3

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

Вы же создаете одноименную переменную в этой самой области видимости и приравниваете существующей. Но интерпретатор не дурак, он просто не обращает внимания на var и меняет значение существующей переменной на....то, что она сейчас и имеет.

Может быть этот материал разъяснит эту ситуацию

для каждой переменной (var)

– создаётся свойство VO с именем переменной, и значением undefined; если в VO уже присутствовало свойство с таким именем, оно остаётся нетронутым.

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

Angular 1.3 meets Angular 2 - описание того как упростить переход с angular 1.x на angular2, а точнее каким правилам стоит придерживаться для этого.

p.s. тыкал angular2, пишу на angular1.4, разница конечно существенна но не настолько критична что б уж совсем паниковать.

{} + [] - пустой блок кода и приведение массива к числовому значению
[] + {} - приведение массива к строковому значению и добавление строкового значения пустого объекта

В таблице результат '==': зелёный, серый, синий true, остальное false, объекты сравниваются по ссылке.

Давайте посмотрим. Change - вызывается тогда, когда ваш input[type=text] потерял фокус и при этом в нём изменилось значение. Не самый лучший выбор. Вам лучше подойдет современное событие input. Оно срабатывает каждый раз, даже если фокус не изменился. Кроме того оно еще и реагирует на вставку текста из буфера. Вот взгляните на демо: jsfiddle.net/IonDen/v606ka0r

Так что стратегия такова:
- Современные браузеры и IE9+: input
- Нужна поддержка старых браузеров: input keyup change