Как понять такой код?

Question

[Пычев Анатолий]

Изначально код был минимизирован.

function LongClick(e, t, n) {
    "use strict";
    var i = this;
    if (this.trackingClick = !1, 
		this.trackingClickStart = 0, 
		this.targetElement = null, 
		this.touchStartX = 0, 
		this.touchStartY = 0, 
		this.touchBoundary = 10, 
		this.time = t, 
		this.handler = n, 
		this.timer = null, 
		this.layer = e, 
		!e || !e.nodeType) throw new TypeError("Layer must be a document node");
    this.onTouchStart = function() {
        return LongClick.prototype.onTouchStart.apply(i, arguments)	}, 
	this.onTouchMove = function() {
        return LongClick.prototype.onTouchMove.apply(i, arguments) }, 
	this.onTouchEnd = function() {
        return LongClick.prototype.onTouchEnd.apply(i, arguments)    }, 
	this.onTouchCancel = function() {
        return LongClick.prototype.onTouchCancel.apply(i, arguments)   }, 
	window.navigator.msPointerEnabled ? 
		(	this.startEventName = "MSPointerDown", 
			this.moveEventName = "MSPointerMove", 
			this.endEventName = "MSPointerUp", 
			this.cancelEventName = "MSPointerCancel") 
		:(	this.startEventName = "touchstart", 
			this.moveEventName = "touchmove", 
			this.endEventName = "touchend", 
			this.cancelEventName = "touchcancel"), 
	e.addEventListener(	this.startEventName, this.onTouchStart, !1), 
	e.addEventListener(this.moveEventName, this.onTouchMove, !1), 
	e.addEventListener(this.endEventName, this.onTouchEnd, !1), 
	e.addEventListener(this.cancelEventName, this.onTouchCancel, !1)
}

По заглавным буквам предположил, что это объявление класса.
Что не понятно, так это
Первое: Блок IF - в скобках идет перечисление команд через запятую. Как это понять? Когда будет условие истинно, когда ложно? Или все условия должны быть истинны, что бы блок был истинным? Но это присваивания, и если присваивание возможно (а оно заведомо возможно), то эти команды всегда вернут истину. И только последняя команда (!e || !e.nodeType) условна.
Второе: Первое присваивание в блоке IF ---- this.trackingClick = !1 чему будет равно? Что значит выражение !1?
Третье: После блока IF команды перечисляются через запятую, как будто это массив?

И так весь код, все через запятую. Помогите понять пожалуйста
Или ткните где почитать

Comments

[Пычев Анатолий]

Когда опубликовал и посмотрел, то понял что !1 - это false. Код же был минимизирован.
Но остальное остается под вопросом!

Answer 1

[Владимир Проскурин]

Блок IF - в скобках идет перечисление команд через запятую.

Оператор запятая. Выполняет все блоки, но возвращает последний. т.е. типа зачем-то туда засунули присваивание элементов.
В третьем случае непонятно, зачем они это сделали, т.к. точно также бы работала ;. Видимо ожидалось, что в начале будет return, и тогда можно будет все в одну строчку написать через запятые.
Почитать тут https://habrahabr.ru/post/116827/
UPD: Вот я его вам перевел в нормальный вид.

function LongClick(e, t, n) {
    "use strict";
    var i = this;
    
    this.trackingClick = false;
    this.trackingClickStart = 0;
    this.targetElement = null;
    this.touchStartX = 0;
    this.touchStartY = 0;
    this.touchBoundary = 10;
    this.time = t;
    this.handler = n;
    this.timer = null;
    this.layer = e;

    if (!e || !e.nodeType) {
        throw new TypeError("Layer must be a document node");
    }
    this.onTouchStart = function() {
        return LongClick.prototype.onTouchStart.apply(i, arguments);
    };
    this.onTouchMove = function() {
        return LongClick.prototype.onTouchMove.apply(i, arguments);
    }; 
    this.onTouchEnd = function() {
        return LongClick.prototype.onTouchEnd.apply(i, arguments);
    }; 
    this.onTouchCancel = function() {
        return LongClick.prototype.onTouchCancel.apply(i, arguments);
    };
    if(window.navigator.msPointerEnabled) {
        this.startEventName = "MSPointerDown"; 
        this.moveEventName = "MSPointerMove"; 
        this.endEventName = "MSPointerUp"; 
        this.cancelEventName = "MSPointerCancel"
    } else {
        this.startEventName = "touchstart"; 
        this.moveEventName = "touchmove"; 
        this.endEventName = "touchend"; 
        this.cancelEventName = "touchcancel";
    }
    e.addEventListener(this.startEventName, this.onTouchStart, false);
    e.addEventListener(this.moveEventName, this.onTouchMove, false);
    e.addEventListener(this.endEventName, this.onTouchEnd, false);
    e.addEventListener(this.cancelEventName, this.onTouchCancel, false);
}

Comments

[Stalker_RED]

Фразы "зачем они это сделали" и "видимо ожидалось" - не в тему, потому что это все не вручную делалось, а минификатором. Все ради того, чтобы сэкономить кол-во символов.

[Владимир Проскурин]

Stalker_RED, не, как раз в тему. Я поэтому и написал "Видимо ожидалось, что в начале будет return", т.е. имел ввиду, что автоматизировано для одной строчки. Под "зачем они это сделали", я имел ввиду алгоритм в автоматизации. Понятно, что никто руками такие писать не будет. Но и сжимать код при помощи оператора запятая такая себе затея, разве что для сокращения объявления переменных, в цикле, в тернарном операторе или && и ||. т.е. в этом коде бессмысленно присваивание переменных в объявлении условия (можно было сразу после this через запятую их присваивать), бессмыслена переменная i ссылающаяся на this (которая не была использована ни разу), и перечисление команд (т.к. я не увидел вначале присваивание результата, а значит экономии нет). Просто алгоритм видимо простой, и переводит все команды на такой стиль без разбора.

[Пычев Анатолий]

В общем БОЛЬШОЕ СПАСИБО. отмечаю решением. И за ссылку тоже.

Видимо ожидалось, что в начале будет return,

так возвращать в общем-то нечего, т.к. это объявление класса, то должна возвращаться ссылка на экземпляр. Та ниже по коду есть "new LongClick".
Я кажется понял, - это минимизатор, убрал все символы переноса и заменил ";" на запятую. Все это было написано в одной строке, это я его раскидал, что-бы хоть как-то читабельно было.
Думаю команды return не было.
А переменная "i" не бессмысленная. Она используется

spoiler

this.onTouchStart = function() {
        return LongClick.prototype.onTouchStart.apply(i, arguments);

И нужна она для того, что бы когда код зайдет в эту функцию использовать ссылку на актуальный экземпляр объекта. Иначе будет неверно ссылаться
я думаю что должно быть так [var that = this;]

[Владимир Проскурин]

А переменная "i" не бессмысленная. Она используется

да, я что-то вчера ночью не заметил. Чтобы по много раз не писать длинное слово this, минификатор сократил название до i путем передачи ссылки.