Телеграмм чат группы js_learn страница 2182

setTimeout(function() {
alert( i );
}, 5);

var i;

function hardWork() {
// время выполнения этого кода >100 мс, сам код неважен
for (i = 0; i < 1e8; i++) hardWork[i % 2] = i;
}

function fib(n) {
return n <= 1 ? n : fib(n - 1) + fib(n - 2);
}

fib(33); ~43мс
hardWork();

Подскажите пожалуйста. почему алерт выдает 10^8? setTimeout вызывается самая первая из трех функций, но т.к. у нее стоит отложенный запуск 5мс, интерпретатор запускает слудеющую по порядку - это fib(33), который выполняется 43мс. Почему алерт не выведет undefined после выполнения fib(33)?

Что в цикле происходит?

источник

14:15пожаловаться #10

VM

Vladimir Makarov in JS

Nick

Что в цикле происходит?

Просто тяжёлая функция. Вопрос в том, почему функция с таймером не встала в очередь и не выполнилась после функции fib, а стала ждать выполнение вообще всего кода

источник

14:16пожаловаться #11

N

Nick in JS

Vladimir Makarov

Просто тяжёлая функция. Вопрос в том, почему функция с таймером не встала в очередь и не выполнилась после функции fib, а стала ждать выполнение вообще всего кода

Почему ты с функцией как с массивом обращаешься

источник

14:17пожаловаться #12

N

Nick in JS

Вообще скрин сделай

источник

14:17пожаловаться #13

SB

Stas Buylkovskiy in JS

владимир макаров я не силен в теории но есть предположение что таймаут не стал вторым в очередь выполения потому что сначала выполняються вызванные прямо функции и только потом в очередь встают те которые вызываютсья определенными условиями

источник

14:24пожаловаться #14

K

Kalinss16 in JS

Vladimir Makarov

Просто тяжёлая функция. Вопрос в том, почему функция с таймером не встала в очередь и не выполнилась после функции fib, а стала ждать выполнение вообще всего кода

Потому что функция таймера асинхронная. Когда мы оборачиваем любое действие в webApi, событийный цикл засовывает эти действия в отдельный поток

источник

14:25пожаловаться #15

K

Kalinss16 in JS

https://www.youtube.com/watch?v=8aGhZQkoFbQ

YouTube

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

JavaScript programmers like to use words like, “event-loop”, “non-blocking”, “callback”, “asynchronous”, “single-threaded” and “concurrency”.

We say things like “don’t block the event loop”, “make sure your code runs at 60 frames-per-second”, “well of course, it won’t work, that function is an asynchronous callback!”

If you’re anything like me, you nod and agree, as if it’s all obvious, even though you don’t actually know what the words mean; and yet, finding good explanations of how JavaScript actually works isn’t all that easy, so let’s learn!

With some handy visualisations, and fun hacks, let’s get an intuitive understanding of what happens when JavaScript runs.

Transcript: http://2014.jsconf.eu/speakers/philip-roberts-what-the-heck-is-the-event-loop-anyway.html

License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

источник

14:25пожаловаться #16

K

Kalinss16 in JS

Коля🤔🎭

как у inline-block убрать отступ? :D
(sorry за оффтоп)

используй https://meyerweb.com/eric/tools/css/reset/
на каждом проекте и вроде как, он должен такое счастье убирать

Meyerweb

The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.

источник

14:30пожаловаться #17

К

Коля🤔🎭 in JS

Спасибо) но решил через флекс)

источник

14:42пожаловаться #18

VL

Vladimir Luvolunov in JS

Vladimir Makarov

Просто тяжёлая функция. Вопрос в том, почему функция с таймером не встала в очередь и не выполнилась после функции fib, а стала ждать выполнение вообще всего кода

Выполняется код, а потом коллбэки

источник

14:53пожаловаться #19

VL

Vladimir Luvolunov in JS

Запомни

источник

14:53пожаловаться #20