Почему window хранит в себе переменные, но не делает их ссылками внутри себя?

Question

[Boris007]

window у нас корень всей страницы
По нему мы можем обратиться к q
Т.е. window у нас объект со свойством q

Почему тогда q в контексте window не меняет свое значение?

let q = 0

function foo(x) {
  this.x++
}

console.log(window.q)

console.log(q)

function go(cb) {
  cb()
}

go(foo.bind(window, q))

console.log(q)

Comments

[Aetae]

Вот так твой код заработает:

var q = 0

function foo(x) {
  this[x]++
}

console.log(window.q)

console.log(q)

function go(cb) {
  cb()
}

go(foo.bind(window, 'q'))

console.log(q)

Сравни на отличия, попытайся сам понять почему нужно каждое из них, и только потом спроси если не получится понять.

[Boris007]

Aetae, я только не понял зачем var q, когда нет разницы let или var
У нас же q идет, как свойство window

Здесь осознал свой косяк, спасибо!
this[x]

[Lynn «Кофеман»]

> когда нет разницы let или var

Таки есть разница

[Boris007]

Lynn «Кофеман», в чем?
В этом контексте я не совсем понимаю для чего, если и с let работает

[Aetae]

Boris007, ну в том и суть что let, как и const в window не пишет, даже будучи "глобально" объявленной, только "старый" var. По сути это логично, window это не скоуп, то что var в него пишет - это одно из "удобств и дружелюбности для новичков" которые были заложены в изначальную идею js, но со становлением всё более "серьёзным" языком утратили своё значение.

Answer 1

[VoidVolker]

Во-первых, у let блочная область видимости:

>> let a = 0;
<- undefined
>> window.a
<- undefined

Во-вторых:

function foo(x) {
  this.x++
}

Вот в этой функции, локальная переменная x и свойство x объекта this - это разные вещи.

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

window.x = 0
window.x++

Или же:

let propName = 'a'
window[propName] = 0
window[propName]++

Comments

[Boris007]

Спасибо!
Не понял только про Во-первых, у let блочная область видимости
Ведь q находится в общем блоке для всего кода, а не в отдельном

[VoidVolker]

Boris007 нет, не свойство. Это локальная переменная. Свойство выглядит вот так:window.q
Локальная переменная существует только в текущем блоке. В соседнем блоке или в блоке выше она не будет существовать. Читайте мануал: let, var.

[Boris007]

VoidVolker, так у нас глобальная область видимости, все функции ее видят, она же не спрятана в функцию или цикл
И по обращению window.q мы ее получаем с var и let одинаково или какой нюанс я упускаю?

[VoidVolker]

И по обращению window.q мы ее получаем с var и let одинаково или какой нюанс я упускаю?

Упускаете то, что var и let - это разные механизмы объявления переменных. Я же привел ссылку на мануал - там подробно все расписано. let не попадает в глобальную область видимости. var - изначальный механизм объявления переменных в JS, а let и const - более новые способы объявления переменных, предназначенные для решения новых задач. Так исторически сложилось.

Вот еще пример блочной видимости переменных:

let a = 1; 
{
    let a = 2;
    console.log('a 2 =', a);
}
console.log('a 1 =', a);

<- a 2 = 2
<- a 1 = 1