Как выглядит объект который создает эта функция? Или функция просто есть свойством обьекта?

Question

[yuriytkachenko]

Стараюсь разобраться в объектах. Так сказать "залезть под капот" языка Javascript.
Говорят что функция является объектом. А вот если например создаем функцию она создает новый неявный объект?или правильнее сказать что сама функция уже есть явный обьект?

Например:

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

show();

1) эта функция создает новый неявный объект? Если да, то как выглядит этот неявный объект? Или функция просто есть свойством обьекта?
2) если функция создает объект то тот обьект находится всередине глобального обьетка window? или нет? как это выглядит?

Answer 1

[Stalker_RED]

В каком смысле "неявный"?
Может быть и в window, если вы ее там объявили.
В каком смысле "выглядит", в большинстве случаев у функции нет графического представления)
https://jsfiddle.net/hzqrtk4n/

А вот она уже не в window, хотя работает
https://jsfiddle.net/hzqrtk4n/1/

Comments

[yuriytkachenko]

как у функции нет графического представления?
а вот это:

функция в обьекте же. может конечно я не правильно сформулировал вопрос...

[Stalker_RED]

yuriytkachenko, да, неправильно сформулировали.

"Вот это" - какая-то кртинка. Вероятно скриншот из учебника.
Во время работы реального приложения картинки обычно не рисуются.

user = {}
user.sayHi = ы => alert('Привет!') // еще один способ
// и чо?

[yuriytkachenko]

Stalker_RED, тоесть правильнее сказать что сама функция есть явный обьект?

[Stalker_RED]

yuriytkachenko, сорри, я не понимаю чем отличается явный и неявный.

Answer 2

[hzzzzl]

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

console.log(window.show) // текст функции
console.log(typeof window.show) // function

Comments

[yuriytkachenko]

в консоли такое:

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

тоесть если я понял правильно когда я написал эту функцию в коде то создался неявно обьект show а в теле обьекта show свойства и значения обьекта?
var x - свойство обьекта а 1 -значение
document.getElementById("r").innerHTML -свойство обьекта а x + y- значение?

и еще можно сказать что обьект show содержится внутри глобального обьекта как-то так?:

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

[hzzzzl]

yuriytkachenko, ну скорее как-то так

Функция располагается в памяти по определенному адресу, который можно присвоить указателю в качестве его значения. Адресом функции является ее точка входа. Именно этот адрес используется при вызове функции. Так как указатель хранит адрес функции, то она может быть вызвана с помощью этого указателя. Он позволяет также передавать ее другим функциям в качестве аргумента.

cpp.com.ru/shildt_spr_po_c/05/0508.html

то есть window.show это как раз указатель с именем show на кусок кода (где-то в недрах памяти занимаемой браузером), который будет выполняться, когда show() вызывается :)

[yuriytkachenko]

hzzzzl, тоесть то что консоль показала:

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

это не объект? :)

[hzzzzl]

yuriytkachenko, ну, я для себя в голове функции не считаю "объектами" (= структурами данных) все же

хотя js позволяет

function show() {console.log('show')}
show.wow = 'wowwow'  // добавляем ключ к "объекту"
console.log(show)  // текст функции *
console.log(show.wow)   // wowwow

* console.log(show) эта штука вообще-то вызывает Function.prototype.toString(), то есть встроенный в js метод для объектов-функций (лол), который вернет текст функции - потому что в памяти функция хранится иначе

https://developer.mozilla.org/ru/docs/Web/JavaScri...

метод toString декомпилирует функцию и возвращает строку, включающую ключевое слово function, список аргументов, фигурные скобки и исходный код тела функции

[yuriytkachenko]

hzzzzl, просто что-то я запутался ведь в учебнике пишет:

[Yustas Alexu]

yuriytkachenko, что за учебник?

[yuriytkachenko]

Yustas Alexu, learn.javascript.ru

[yuriytkachenko]

hzzzzl, может правильнее сказать что сама функция уже есть явный обьект?

[Stalker_RED]

yuriytkachenko, в каком смысле "явный"?

[yuriytkachenko]

Stalker_RED,

// явный обьект это когда мы пишем его сами в коде:
let user= {
name="Anton",
age=25
}

неявный обьект это например когда мы создаем конструктор:

function user (argname, argage) {
this.name = name;
this.age = age;
}

let user = new User (Anton, 25);

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

let user= {
name="Anton",
age=25
}

мы его не видим в коде:) но он есть) это и називается "неявно")

[hzzzzl]

yuriytkachenko, это очень излишнее углубление в движок и в оптимизацию
https://developer.mozilla.org/ru/docs/Web/JavaScri...
по факту ВСЁ в js наследуется от Object, да, и ОБЪЕКТ Function тоже, то есть да, Function это некая структура в памяти со своими методами, которая в том числе одним из свойств (неявных, хех) содержит вышеупомянутую ссылку на скомпилированный кусок в памяти

Все объекты в JavaScript являются потомками Object; все объекты наследуют методы и свойства из прототипа объекта Object.prototype, хотя они и могут быть переопределены. Например, прототипы других конструкторов переопределяют свойство constructor и предоставляют свои собственные методы toString(). Изменения в объекте прототипа Object распространяются на все объекты до тех пор, пока свойства и методы, учитывающие эти изменения, не переопределяются дальше по цепочке прототипов.

мне не кажется что про это надо думать, пока ты не начнешь писать биткойны и прочее низкоуровневое на яваскрипте

[Stalker_RED]

yuriytkachenko, это вы сами придумали про неявность? :)

Обекты существуют в памяти компьютера, а видели ливы их код: компьютеру не интересно. На средней страничке с тостера несколько тысяч объектов, и вы за пол года не просмотрите их код. Они все неявные? :)