Телеграмм чат группы javascript

2020 May 14

D

obj.method там стрелочная функция, у нее нет this, она берет его из окружения, так что кол не подменит ей этого поведения

а если сделать её обычной функцией, что поменяется?

источник

12:54пожаловаться #1

ДП

Дима Полос in JavaScript.Ninja

тогда при obj.method() будет 12, а в случае obj.method.call(f) - undefined

Потому что obj.method() - вызываем явно указывая контекст obj

obj.method.call(f) - указываем функцию f как контекст, а в js у функций есть объекты-обертки, и у этого объекта нет ключа х

источник

12:56пожаловаться #2

ДП

Дима Полос in JavaScript.Ninja

я так думаю, не проверял

источник

12:56пожаловаться #3

IK

Illya Klymov in JavaScript.Ninja

у функций нет объекта обертки

источник

12:58пожаловаться #4

IK

Illya Klymov in JavaScript.Ninja

функция и есть объект

источник

12:58пожаловаться #5

IK

Illya Klymov in JavaScript.Ninja

обертки создаются только для примитивных типов

источник

12:58пожаловаться #6

D

DmitryZ in JavaScript.Ninja

Illya Klymov

А что смущает

Почему вызов
obj.method.call( f() )
выводит
3
3

а вызов
obj.method.call( new f() )
выводит
5
3

источник

12:59пожаловаться #7

D

DmitryZ in JavaScript.Ninja

источник

12:59пожаловаться #8

ДП

Дима Полос in JavaScript.Ninja

Illya Klymov

у функций нет объекта обертки

да, спасибо за уточнение, согласен

источник

12:59пожаловаться #9

IK

Illya Klymov in JavaScript.Ninja

DmitryZ

Почему вызов
obj.method.call( f() )
выводит
3
3

а вызов
obj.method.call( new f() )
выводит
5
3

потому что 5 выводится внутри функции. Функция-замыкание в 3 строке положила в window.x тройку, и потом method эту тройку вывел

источник

13:00пожаловаться #10

ДП

Дима Полос in JavaScript.Ninja

DmitryZ

Почему вызов
obj.method.call( f() )
выводит
3
3

а вызов
obj.method.call( new f() )
выводит
5
3

obj.method.call( f()) Вы вызываете функцию, она успевает заменить x

источник

13:00пожаловаться #11

AK

Andrey Katrusha in JavaScript.Ninja

DmitryZ

ну

источник

13:00пожаловаться #12

AK

Andrey Katrusha in JavaScript.Ninja

тыж конентекс за скобками оставил

источник

13:00пожаловаться #13

IK

Illya Klymov in JavaScript.Ninja

отличие от первого в том что при вызове без new this указывает на window

источник

13:00пожаловаться #14

IK

Illya Klymov in JavaScript.Ninja

(бонусные очки начисляются тем, кто сразу укажет что с 'use strict' этот код не заработает)

источник

13:01пожаловаться #15

AK

Andrey Katrusha in JavaScript.Ninja

DmitryZ

У меня есть потрясающая задачка на контекст и всякие окружения.

function f() {
this.x = 5;
(function() {this.x=3;})()
console.log(this.x);
}

var obj = {
x: 12,
method: () => {console.log(this.x)}
}

f();
new f();
obj.method();
obj.method.call(f);

Какие 4 значения будут выведены в консоль?
4-й вариант я вообще не понимаю как объяснить.

так почитайте 40 раз про контекст и 40 раз сделайте функцию и дойдет

источник

13:01пожаловаться #16

AK

Andrey Katrusha in JavaScript.Ninja

DmitryZ

У меня есть потрясающая задачка на контекст и всякие окружения.

function f() {
this.x = 5;
(function() {this.x=3;})()
console.log(this.x);
}

var obj = {
x: 12,
method: () => {console.log(this.x)}
}

f();
new f();
obj.method();
obj.method.call(f);

Какие 4 значения будут выведены в консоль?
4-й вариант я вообще не понимаю как объяснить.

попробуйте в виндов засунуть икс и посмотреть что будет пример window.x = 43

источник

13:02пожаловаться #17

ДП

Дима Полос in JavaScript.Ninja

DmitryZ

Почему вызов
obj.method.call( f() )
выводит
3
3

а вызов
obj.method.call( new f() )
выводит
5
3

когда Вы вызываете f() у нее this - window, когда new f() - новый пустой почти объект, а вот внутри f есть еще IIFE, у который this это всегда window.
в use_strict как я помню this глобально - undefined?)

источник

13:04пожаловаться #18

AK

Andrey Katrusha in JavaScript.Ninja

Дима Полос

когда Вы вызываете f() у нее this - window, когда new f() - новый пустой почти объект, а вот внутри f есть еще IIFE, у который this это всегда window.
в use_strict как я помню this глобально - undefined?)

можно без вар еще сделать

источник

13:04пожаловаться #19

AK

Andrey Katrusha in JavaScript.Ninja

и без виндов

источник

13:04пожаловаться #20