Вопрос про тест на lear js?

Question

[Julia-Kovalchuk]

Всем привет! Встретился интересный вопрос в тестах на learn js, скрин ниже. Правильный ответ undefined, а не function. Может кто-нибудь может объяснить ответ undefined?

Comments

[Alams Stoyne]

if( function f(){}){ 
    console.log((typeof f));
}

Вернет undefined так как переменная f не определена

function f(){ return true; }
if( function f(){}){ 
    console.log((typeof f));
}

Вернет function так как переменная f определена как функция

f  = true;

if( function f(){}){ 
    console.log(typeof f);
}

Вернет boolean так как переменная f определена как true

f  = 1;
if( function f(){}){ 
    console.log(typeof f);
}

Вернет number так как переменная f определена как 1

f  = 'function';

if( function f(){}){ 
    console.log(typeof f);
}

Вернет string так как переменная f определена как текст 'function'

f  = function(){};

if( function f(){}){ 
    console.log(typeof f);
}

Вернет function так как переменная f определена как функция

[Julia-Kovalchuk]

Alams Stoyne, что вы имеете ввиду под не определена? Не записана в пямяти? Если да, то должна была бы быть ошибка, а не undefined

[Alams Stoyne]

Julia-Kovalchuk, отчего же ошибка?

Обратите внимание если вы обращаетесь к неопределенной переменной
console.log(f)
Вы получите ошибку: Uncaught ReferenceError: f is not defined

НО если вы используете оператор typeof то получаете строку указывающую тип.
console.log(typeof f)
Вы получите: undefined т.к тип не определен по причине того что данная переменная не объявлена ранее.

[Julia-Kovalchuk]

Alams Stoyne, интересно, спасибо большое, раньше не встречала примеры, где был typeof от переменной, которая не была определена.

[Alams Stoyne]

Это нужно для таких проверок:

if(typeof f == 'function'){
    console.log(f());
}else{
    console.log(f);
}

Вариант 1: вернет true;

function f(){ return true; }

if(typeof f == 'function'){
    console.log(f());
}else{
    console.log(f);
}

Вариант 2: вернет 4;

function f(){ return 2+2; }

if(typeof f == 'function'){
    console.log(f());
}else{
    console.log(f);
}

Вариант 3: вернет 'test';

f = 'test';

if(typeof f == 'function'){
    console.log(f());
}else{
    console.log(f);
}

[Alams Stoyne]

Но чаще всего проверяют так:

if(typeof f == 'undefined'){
    console.log(`Переменная f не определена`);
}

[Julia-Kovalchuk]

Alams Stoyne, спасибо!

[Rsa97]

Julia-Kovalchuk, Всё ещё интереснее.

if (x === undefined) { console.log('x is undefined'); }
// Uncaught ReferenceError: zzz is not defined

Однако

let x;
if (x === undefined) { console.log('x is undefined'); }
// x is undefined

То есть, JS различает ситуации "переменная не объявлена" и "переменная объявлена, но не инициализирована", хотя typeof x будет в обоих случаях иметь значение 'undefined'.

[Julia-Kovalchuk]

Rsa97, интересно, раньше такого не встречала, а после ваших примеров понимаю в чём дело, спасибо!

Answer 1

[Сергей Соколов]

Этот тест на понимание отличия
объявления функции
и функционального выражения.

function f() {}; // традиционное объявление функции

тут f вылезет наверх ("hoisting") и будет доступна всему коду.

(function f() {}) // функциональное выражение function expression

// ещё варианты
const x = function f() {};
console.log( function f() {} );

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

В тесте if( function() {}) как раз создаёт function expression. Поэтому f нигде снаружи не видна.