Как вывести переменную за пределы функции?

Question

[z_u_q]

При ресайзе пересчитывается ширина body. Как вытащить переменную, в которую записана ширина, за пределы функции в данном случае? Сейчас в console.log выводится 0.

$(function(){
	heightOfSubMnu = 0;

    function onResize() {
        heightOfSubMnu = $('body').width();
    }

    function consleLog() {
    	console.log(heightOfSubMnu);
    }

    consleLog();
    $(window).resize(onResize);
    consleLog();

})

Comments

[Yustas Alexu]

Подобные вопросы здесь на тостере задают почти каждый день. Причина в том, что вы не понимаете как работает асинхронный код.

[Толстый Лорри]

Yustas Alexu, ... и замыкания (=

Answer 1

[Stalker_RED]

consleLog() сработает дважды при старте

onResize() сработает при каждом изменении размера окна

но consleLog() при этом не запустится повторно.

Можно переделать onResize так:

function onResize() {
    heightOfSubMnu = $('body').width();
    consleLog();
}

Comments

[z_u_q]

Это понятно, а можно ли как-то вытащить переменную из функции с ресайзом, чтобы ее можно было использовать в другом месте?

[Александр]

Это понятно

Ой, сомневаюсь...

[Stalker_RED]

z_u_q, вытащить можно, и вы уже это сделали.
В переменной heightOfSubMnu будет ширина окна. Но она там будет ПОСЛЕ того как произойдет ресайз.
А вывод в консоль вы делаете прям в момент подключения скрипта.

Answer 2

[netrox]

$(function(){
  var heightOfSubMnu = 0;

    function onResize() {
        heightOfSubMnu = $('body').width();
    }

    function consleLog() {
    	console.log(heightOfSubMnu);
    }

    consleLog();
    $(window).resize(function()
    {
    	onResize();
      consleLog();
    });
    
})

Answer 3

[lemix85]

У вас ведь функция onResize назначена обработчиком события, вот внутри этой функции и выводите обновлённое значение переменной.

function onResize() {
        heightOfSubMnu = $('body').width();
        consleLog();
}

а не после того как вы выполнили подписку на событие:

$(window).resize(onResize);

Событие изменения размера окна придёт позже, чем произойдёт вызов consleLog(); в конце кода.
Читайте про асинхронное программирование, мне кажется вас именно это сбило с толку.