Что возвращает функция JS

Question

Я обнаружил различное поведение кода, когда функция вызывается/возвращается по-разному. Это довольно запутанно. Таким образом, чтобы очистить мои сомнения, я разделся весь код Minumum:

Рассмотрим простую функцию:

function f() 
{ 
    //some code 
} 

var objf = f(); 

Q1. Теперь objf не определено. Зачем? Что возвращает f()?

function f() 
{ 
    //some code 
    return this; 
} 

var objf = f(); 

Q2. Что возвращает f()? глобальный объект?

Answer 1

Q1. Функции в javascript всегда возвращают значения. Значение по умолчанию: undefined, за исключением конструкторов, где возвращаемое по умолчанию значение равно this. Поскольку в вашем примере Q1 не указано значение возврата, интерпретатор возвращает значение по умолчанию, undefined.

Q2. this - это ключевое слово javascript, которое обновляется интерпретатором в зависимости от контекста приложения. В случае функции, которая не вызывается из объекта, как в вашем примере Q2, this будет ссылаться на глобальный объект.

How does the "this" keyword work?

Answer 2

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

Во втором случае objf будет Window.

Answer 3

Когда вы делаете ...

function f() 
{ 
    //some code 
} 

var objf = f(); 

... вы получаете возвращаемое значение «F» функция, которая в данном случае является неопределенным, когда нет никаких " вернуть что-то ".

Если вы ...

function f() 
{ 
    //some code 
} 

var objf = new f(); 

... вы будете Экземпляр новый объект, основанный на "F" прототип функции. Ваша переменная objf получит новую ссылку на объект, даже если ваша функция «f» пуста.

И делает это ...

function f() 
{ 
    //some code 
    return this; 
} 

var objf = f(); 

... «это», в вашем случае, будет глобальный объект, это объект окна для браузеров. это keywork является ссылкой на объект, к которому эта функция связана, посмотрите на это:

someobj = { 
    f:function(){ 
    return this; 
    } 
} 

var objf = someobj.f(); 

objf === someobj; //==>true!!!