Что значит блочная область видимости?

Question

[Антон Шульц]

Как пример, при использовании let в цикле у нас переменная не видна дальше области цикла, но
при использовании стрелочной функции в функции или объекте через setTimeout почему-то её контекст не window, а текущая функция или объект, хотя обычная функция в this нам вернет window.

Как понять принцип работы области видимости let и стрелочных функций?

Comments

[Егор Тельнов]

Не совсем понятен вопрос. Можешь привести пример кода, который вызывает затруднения?

[tema_sun]

Очень сложно что-то ответить, т.к. на мой взгляд в посте уже написан ответ.

[beDenz]

Не вопрос а каша.
1) let виден только в той области видимости в какой задан, включая дочернии, проще говоря, не будет виден, за пределами фигурных скобок, внутри которых его объявили
2) у обычных функций всегда будет свой контекст, на который будет ссылаться this, а в стрелочных его нет, и this будет ссылаться на контекст окружения из которого был вызван.

[RAX7]

Область видимости и контекст никак не связаны между собой, это 2 совершенно разные вещи.

[Антон Шульц]

beDenz,

function foo() {
	setTimeout(() => {
		console.log(this);
	}, 500)
	setTimeout(function() {
		console.log(this);
	}, 500)
}
let f = new foo();

Допустим, как вы сказали, this будет ссылаться на окружение из которого вызвано.
Но здесь мы вроде вызываем его из объекта контейнер и this уже виндоу

document.querySelector(".container").addEventLIstener("click", () => {
console.log(this);
}

[beDenz]

Антон Шульц, ответьте на вопрос: в нижнем примере в каком окружении(объекте) вы объявляете функцию?

Answer 1

[McBernar]

Let работают внутри { }.
У стрелок нет своего this и в этом их прелесть.

Comments

[Антон Шульц]

У стрелочной this это объек, а у функции - виндоу

function foo() {
	setTimeout(() => {
		console.log(this);
	}, 500)
	setTimeout(function() {
		console.log(this);
	}, 500)
}
let f = new foo();

[dmitry-toster]

У стрелочной this это объек, а у функции - виндоу

Антон Шульц, вы сами поняли, что написали?

[McBernar]

dmitry-toster, спасибо, а то я даже не стал отвечать :)

[Антон Шульц]

dmitry-toster, я имел в виду, что this ссылается на объект в котором была вызвана