Почему следующий код дает 'неопределенными' внутри выходного

Question

(function(){ 
 
    console.log(1); 
 
    setTimeout (function(){console.log(2);},1000); 
 
    setTimeout (function(){console.log(3);},0); 
 
    console.log(4); 
 
})();

Выход:

1 
4 
undefined 
3 
2 

Почему неопределенная на выходе?

Answer 1

Это потому, что возвращаемое значение функции равно undefined. Так что первый журнал 1,4, return value of function то он будет регистрировать значения от SetTimeout

Например

(function(){ 
    console.log(1); 
    setTimeout (function(){console.log(2);},1000); 
    setTimeout (function(){console.log(3);},0); 
    console.log(4); 
    return 'xyz' 

})(); 

Выход будет

1,4,'xyz',3,2 

Answer 2

undefined - это возвращаемое значение вашей функции. Он печатает undefined, если вы делаете это в консоли браузера, потому что он автоматически печатает результат вашей функции.

Answer 3

Если вы делаете это в консоли самого браузера, затем всякий раз, когда вы console.log печатает неопределенными см эту тему:

Chrome/Firefox console.log always appends a line saying undefined

И есть множество других нитей, объясняющие, почему это происходит ,

Если это не в консоли, но в вашем JS самого файл, то есть что-то еще где-то в вашем коде, что делает его

Answer 4

неопределенным является возвращением функции, вы можете попробовать ниже код:

(function(){ 
     console.log(1); 
     setTimeout (function(){console.log(2);},1000); 
     setTimeout (function(){console.log(3);},0); 
     console.log(4); 
     return 5; 
    })();