Создается ли объект после объявления переменной? Если да, то как он выглядит?

Question

[yuriytkachenko]

Говорят что в js все есть объект.

Вот например, у нас в коде еще ничего нет мы просто создали переменную x и присвоили ей значения:

<script>

var x = 3;

</script>

У меня есть вопросы
1) В этот момент когда создали переменную и присвоили ей значения, создался неявно объект?
2) Если да, то имя переменной становится именем объекта? а начение переменной (3) это значение свойства какого-то?

Тоесть:
создается неявно обьект:

x = {
number: 3
};

Правильно или нет?

3) Если да, то интересно как называется свойство так как я написал - number, или есть какое-то специальное имя в js?
4) Если переменная это ячейка памяти в компьютере то объект который создан переменной также можно назвать ячейкой памяти?

Comments

[DanKud]

Все примитивы в JS по дефолту являются объектами с предопределенными свойствами и методами. Значение переменной не присваивается никакому свойству в объекте, но его можно получить методом x.valueOf()

[yuriytkachenko]

DanKud, Xочу разобраться просто что "под капотом" в коде на языке JS.
Возмно я не правильно сформулировал вопрос, но хочу знать:

<script>

var x = 3;

</script>

между тегами<script> уже есть хоть какой- то обьект?
если да то как он выглядит? если их несколько то как они выглядят?

[DanKud]

yuriytkachenko, не совсем понятно все же, что вы конкретно хотите узнать. При инициализации страницы конечно в JS уже есть встроенные глобальные объекты window и document как минимум. Каждая объявленная переменная это тоже объект имеющий свойства и методы в зависимости от своего типа.

[yuriytkachenko]

DanKud, я хочу увидеть как это все выглядит:)

Тоесть вписал я в свой js файл код например: x=3;
Хочу увидеть какой обьект был создан.

Хочу узнать мой созданный обьект находится внутри встроенных глобальных объектов или за пределами)
Тоесть я хочу увидеть то что неявно есть в коде.

Answer 1

[Даниил Братухин]

Вот что происходит в вашем примере поэтапно:

var x = 3;

1. Вычисляется выражение справа – тип number, что не объект. Результат сохраняется в памяти, теперь его можно получить по ссылке;
   
2. Идентификатор "x" сопоставляется с созданной выше ссылкой, регистрируется переменная (тоже не объект);
   
3. Программист Вася лезет за значением переменной и получает... ну вы поняли, число.
   

Где объекты? А нет их тут. Объекты из примитивов в JS получаются только тогда, когда вы их создаёте явно:

var y = new Number(3);

...или обращаетесь к методу соответствующего объекта через примитив:

var z = 3;

z.toString() // то, что написали вы
(new Number(z)).toString() // то, что было исполнено

При этом в последнем случае объект будет уничтожен сборщиком мусора практически сразу же, потому что ссылок на него не остаётся.

Comments

[yuriytkachenko]

спасибо) но есть еще такое понятие как глобальный обьект.
В документациии пишет:

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

Тоесть получаtтся все что у наc в коде - хранится в глобальном обьекте.

И должно было бы выглядеть примерно так:

window = {
x = 3
};

Или может даже так:
window = {
someobject = {
x = 3
}
};

Парень просто в коментариях вот что написал:

DanKud @DanKud
yuriytkachenko, не совсем понятно все же, что вы конкретно хотите узнать. При инициализации страницы конечно в JS уже есть встроенные глобальные объекты window и document как минимум. Каждая объявленная переменная это тоже объект имеющий свойства и методы в зависимости от своего типа.

Или он ошибается?

[Даниил Братухин]

yuriytkachenko, почитайте про контекст и область видимости, это довольно большая тема. Если вкратце:

Любой существующий контекст - это объект. window, self, global, globalThis или this предоставляют доступ к контекстам разных уровней. let и const никогда не создают свойства в контексте, а var и function изменяют глобальный контекст только тогда, когда находятся в глобальной области видимости. Использование необъявленных переменных, напротив, всегда приводит к созданию свойства в глобальном контексте:

a = 3; // window.a === 3
var b = 4; // window.b === 4
function c () {} // typeof window.c === 'function'
let d = 5; // window.d === undefined
const e = 6; // window.e === undefined
(function () { var f = 3; })(); // window.f === undefined

В отличие от контекста, область видимости не является JS-объектом, но всегда содержит все объявленные в ней переменные. Доступа к ней как к сущности из JS нет, и детали реализации разнятся от браузера к браузеру. Посмотреть содержимое конкретной области видимости можно в DevTools во время отладки.

[Даниил Братухин]

Каждая объявленная переменная это тоже объект имеющий свойства и методы в зависимости от своего типа.

Переменная - это не объект, это ссылка на область памяти. Если переменная ссылается на примитивный тип, то свойств и методов у него нет, а почему вещи вроде (3).toString() работают, я уже описал.

[yuriytkachenko]

Даниил Братухин, а вот такая функция:

function show() {
var x = 1;   
var y = 2;
  document.getElementById("r").innerHTML = x + y;
}

show();

это функция являеться явным обьектом?

где:
var x - свойство обьекта а 1 -значение
var y - свойство обьекта а 2 -значение
document.getElementById("r").innerHTML -свойство обьекта а x + y- значение
правильно или нет?

[Даниил Братухин]

yuriytkachenko, функция - это объект особого типа function. Как и у любого экземпляра Function, у него есть набор свойств и методов - здесь вы правы. И сами свойства вы тоже почти угадали, только на этапе исполнения их уже не будет - только в виде AST перед компиляцией. Посмотреть можно здесь.

[yuriytkachenko]

Даниил Братухин, я спросил еще раньше на одном форуме, то мне один парень говорит что функции это не объект:)



что вы думаете об этом?:)

[Даниил Братухин]

yuriytkachenko, каждый вправе исповедовать свою религию, что тут скажешь :) Но вообще есть спецификация, да и сам он пишет, что в прототипах у Function - Object. Наследуясь от объекта, получаешь объект. Особый, но всё равно объект.

[yuriytkachenko]

Даниил Братухин,

Переменная - это не объект, это ссылка на область памяти. Если переменная ссылается на примитивный тип, то свойств и методов у него нет, а почему вещи вроде (3).toString() работают, я уже описал.

а сам обьект является ссылкой на область памяти?
или пара свойство -значение обьекта есть ссылкой на область памяти?
или не то и не другое не есть ссылкой на область памяти?

[Даниил Братухин]

yuriytkachenko, сам объект - это сложная структура, хранящаяся в памяти. Он не является ссылкой, но может ссылаться на другие структуры, например, дескрипторы своих свойств. Строки-ключи тоже как-то надо хранить в памяти и т.д. - всё зависит от реализации стандарта.

[yuriytkachenko]

Даниил Братухин, Спасибо большое!