Как правильно объявить переменную и считать внутри функции?

Question

[Артём Жулёв]

Существует код, вида:

let socket = new WebSocket('ws://localhost:8081'),
    elem = $('#id')

socket.onmessage = function(e){
    elem.html(e.data)    //не делает ничего, не выводя никаких ошибок
    console.log(elem)    //w.fn.init => __proto__: Object(0)
}

Уже все перерыл, не понимаю, как правильно объявить переменную.
Если объявляю внутри socket.onmessage, все работает корректно, но так как переменные используются и дальше в коде, хотелось бы объявить их единожды. Как заставить это работать?

Comments

[uRoot]

То есть если вы её выносите за функцию код не работает?

[Артём Жулёв]

CryNet, именно. При этом не выдает ни единой ошибки

[Артём Жулёв]

ivan_x,

Если объявляю внутри socket.onmessage, все работает корректно

[ivan_x]

Артём Жулёв, Возможно нужно объявить переменную после готовности DOM

[Артём Жулёв]

ivan_x, в таком случае пропадет доступ к переменной в функциях, объявленных вне window.onload

[ivan_x]

Артём Жулёв, перенесите скрипт из head перед закрывающим тегом body

Answer 1

[Артём Жулёв]

Вопрос был решен перемещением скрипта в конец документа перед </body>

Comments

[uRoot]

Вам нужно срочно подтянуть основы на learn.javascript.ru.
Скрипты можно подключать и в head, указав defer. В таком случае JS сработает только после полной загрузки страницы.