Откуда берется this без объекта?

Question

[nik8n]

В одном известном учебнике по Javascript есть пример функции - обертки, которая возвращает функцию f с задержкой ms (здесь она записывается в Function.prototype, но это не суть)

Function.prototype.defer = function(ms) {
setTimeout(this, ms);
};

function f() {
alert("Hello!");
}
f.defer(1000); // выведет "Hello!" через 1 секунду

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

Comments

[Сергей Сергей]

функция — объект. всё просто.

Answer 1

[wakenbyWork]

В JavaScript функции – это объекты

Comments

[nik8n]

да, спасибо,я это предполагал. но что тогда в такой ситуации?

1)

function func ( ) {
console.log (func.some)
}
func.some='yes'
func ( ) // выводит yes

2)
function func ( ) {
console.log (this.some)
}
func.some='yes'
func ( ) // выводит undefined

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

но почему же тогда в заданном мною вопросе под this понимается функция, а в этом примере нет? Спасибо

Answer 2

[Сергей delphinpro]

В js всё, что не является примитивом – объект, включая функции.

Comments

[nik8n]

да, спасибо,я это предполагал. но что тогда в такой ситуации?

1)

function func ( ) {
console.log (func.some)
}
func.some='yes'
func ( ) // выводит yes

2)
function func ( ) {
console.log (this.some)
}
func.some='yes'
func ( ) // выводит undefined

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

но почему же тогда в заданном мною вопросе под this понимается функция, а в этом примере нет? Спасибо

[Сергей delphinpro]

nik8n, вы погуглите. В инете овердофига статей на тему "всё про this"
вот первое, что попалось https://habr.com/ru/company/ruvds/blog/419371/

[Сергей delphinpro]

Да даже в документации на MDN об этом подробно написано https://developer.mozilla.org/ru/docs/Web/JavaScri...

[nik8n]

Сергей delphinpro, хорошо, попробую. спасибо за ваше время

[Сергей delphinpro]

nik8n,

но почему же тогда в заданном мною вопросе под this понимается функция, а в этом примере нет?

если кратко – то в примере из вопроса функция объявлена как метод объекта. А комментариях выше - в глобальном контексте.
А подробности уже можете изучить по ссылкам выше.

[nik8n]

Сергей delphinpro, спасибо, как метод объекта - это понятно. вот последнее, здесь нет метода объектов

function defer(f, ms) {
return function() {
setTimeout(() => f.apply(this, arguments), ms)
};
}
function sayHi(who) {
alert('Hello, ' + who);
}
let sayHiDeferred = defer(sayHi, 2000);
sayHiDeferred("John"); // выводит "Hello, John" через 2 секунды

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

[Сергей delphinpro]

nik8n, нет. Здесь this будет указывать на window, потому что функции определены в глобальном контексте (а стрелочная вообще не имеет this)
arguments берется из той функции, где она используется. В данном случае - из анонимной.

let sayHiDeferred = defer(sayHi, 2000);

Здесь в переменной будет храниться та самая анонимная функция.

sayHiDeferred("John");

Теперь мы вызываем эту анонимку с одним аргументом. В arguments будет только ['john']

Но для apply нужно первым аргументом указать контекст выполнения. В данном коде мы указываем this, который там указывает на window. Таким образом наша отложенная функция будет выполнена в глобальном контексте.