DM
Но это вело к трудноуловимым багам у неопытных программистов и решили это дело отключить
strict mode, это такой режим, где все опасные для неопытных программистов возможности js отключены, вот заодно и отключили передачу глобального контекстаSize: a a a
2021 January 05
DM
Как раз тогда ввели так называемый
DM
Теперь когда ты просто вызываешь функцию, в
this будет undefinedDM
Но, спросите вы, как же получается, что когда ты вызываешь функцию как метод объекта, в this не
Поэтому когда вызывается функция как метод, т.е.
undefined, а этот объект - а вот так, спека так велит )Поэтому когда вызывается функция как метод, т.е.
obj.func() то js слушается спеку и засовывает в this не undefined а этот самый obj, который идет перед точкойDM
Теперь вопрос - вот есть у тебя функция, вызываешь ее - а там в
this лежит undefined, а ты хочешь, чтоб не undefined, как?DM
Есть специальные сервисные методы у прототипа Function -
call и applyDM
Ты можешь эти специальные методы вызывать вот так
Function.prototype.call() или Function.prototype.apply()DM
Ну и конечно можно у любой функции их вызвать, т.к. она найдет эти методы в своем прототипе и вызовет
DM
Ну и вот этим сервисным методам уже можно дать
thisDM
Если ты вызываешь
Но ты можешь вызвать ее же через сервисный метод
foo(1, 2, 3) то this будет задан jsНо ты можешь вызвать ее же через сервисный метод
foo.call('hello', 1, 2, 3) - в этом случае js примет первый аргумент за this и если в foo ты сделаешь console.log(this), то увидишь строку hello - которую ты и передалDM
С apply там все аналогично, разница лишь в форме передачи _остальных_ аргументов - они передаются не через запятую, а одним массивом. И все.
DM
Ну и последний момент - bind - что делать, если ты хочешь этот
this назначить, а вызывать функцию пока не хочешь - например передать ее как обработчик какого-то события, которое пока еще не случилось - ну тут на выручку приходит bindDM
Это еще один сервисный метод прототипа Function и что он делает, так это берет твою функцию и все те же this и прочие аргументы, которые ты передал
DM
Создает новую функцию, которая вызовет твою через
call или apply и передаст ей все эти аргументыDM
То есть условно когда ты делаешь
то что делает этот bind?
а вот что
const bar = foo.bind('hello', 1, 2, 3)то что делает этот bind?
а вот что
return function() {
foo.call('hello', 1, 2, 3)
}DM
ну естественно все это через переменные, а не хардкодом, это я для понимания написал
DM
там есть еще нюанс с тем, что он так же добавит еще и аргументы вызванной функции, но я это нарочно не упоминаю, чтобы не усложнять понимание
w
В принципе всё очень даже несложно особенно после таких объяснений
Офигеть конечно Денис ты объясняешь очень офигенно на самом деле, понятнее чем Владилен на ютубе
Офигеть конечно Денис ты объясняешь очень офигенно на самом деле, понятнее чем Владилен на ютубе
DM
по факту там будет что-то типа
return function(...args) {
foo.call('hello', 1, 2, 3, ...args)
}DM
И когда вы вызываете
bar(4, 5), то на самом деле произойдет foo.call('hello', 1, 2, 3, 4, 5)