Javascript странный синтаксис

Question

Так что я программировал некоторые вещи в JavaScript, и через некоторое время я увидел, что я сделал опечатку в следующем фрагменте кода:

(function() { 

    var someEl = document.getElementById('id-of-some-el'),l <----- 
     someOtherEl = document.getElementById('some-other-el'); 

    someEl.onclick = function() { 
     ... 
    }; 

})(); 

Обратите внимание, как l не должен быть там. Я тестировал это только в Firefox, но почему я не получил синтаксическую ошибку?

Answer 1

Вы пытались создать две переменные внутри var -statement:

var someEl = document.getElementById('id-of-some-el'), 
    someOtherEl = document.getElementById('some-other-el'); 

Введение запятой означает, что вы создали someEl и l:

var someEl = document.getElementById('id-of-some-el'),l 

Точка с запятой в конец строк JS являются необязательными, так что теперь у вас есть вторая, вторая строка кода:

someOtherEl = document.getElementById('some-other-el'); 

И это справедливо, потому что вы можете назначить переменные без явно var -в них (хотя и привносить немного другую семантику в вашу программу).

Answer 2

поскольку окончание линии с полом двоеточием не является обязательным этим код оценивается так:

var someEl = document.getElementById('id-of-some-el'), l; 
someOtherEl = document.getElementById('some-other-el'); 

Answer 3

Он действует с запятой, не является обязательной.

someEl и l бы локальные переменные

someOtherEl будет глобальным, поскольку он теперь не имеет вар

l будет неопределенными.

Используйте консоль/предупреждение, чтобы увидеть это.

var a,b,c; 
alert(a); 

Answer 4

Вы случайно создали три переменные: someEl, l и someOtherEl

Новая линия обозначает новое заявление, в данном случае.

Если поставить их все на той же строке, например:

var someEl = document.getElementById('id-of-some-el'),l someOtherEl = document.getElementById('some-other-el'); 

вы получите Syntax Error: Unexpected identifier, как вы ожидали.

Answer 5

Это равно

var someEl = document.getElementById('id-of-some-el'); 
var l; 
someOtherEl = document.getElementById('some-other-el'); 

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

JavaScript очень прощает, что может иногда давать интересные сеансы отладки, так как он с радостью принимает неопределенную переменную (которая может быть опечаткой для другой переменной), внезапно появляющаяся в любом месте.

Answer 6

Хотя код, который вы написали, является технически обоснованным, JSLint сообщит об этом как предупреждение.

Проблема в строке 1 символ 56: Ожидаемый ';' и вместо этого увидел 'someOtherEl'.

var someEl = document.getElementById('id-of-some-el'),l

Проблема в строке 2 символа 9: 'someOtherEl' был использован до того, как было определено .

someOtherEl = document.getElementById('some-other-el');