На что в данном случае указывает this?

Question

[Muranx]

Здравствуйте!

function A(name, age){
  this.name=name;
  this.age=age;
};

var b = new A("Alex", 25);

document.write(b.name+"<br>"+b.age+"<br><hr>");

function Dev(name, age, skills){
  A.apply(this, arguments); //  ! ! ! ВОТ ИНТЕРЕСУЮЩИЙ ФРАГМЕНТ КОДА ! ! !
  this.skills = skills || [];
};

var c = new Dev("Sam", 35, ["Coocing"]);

document.write(c.name+"<br>"+c.age+"<br>"+c.skills+"<br><hr>");

Собственно я понимаю, что A.apply(this, arguments)при вызове в конструкции var c = new Dev( . . . ) будет указывать на объект c НО почему, когда я принудительно указываю например A.apply(c, arguments) результатом возвращается undefined! Смею предположить, что во время выполнения конструкции . . . new Dev( . . . ) интерпритатор ещё не знает про объект c? Или дело в чём то другом?

Answer 1

[GrayHorse]

Это вызов контруктора родительского класса.
Не нашел на обновленном learn.javascript.ru этот способ организации наследования, ссылка на архивную версию статьи: web.archive.org/.../learn.javascript.ru/class-inhe...

Comments

[Muranx]

GrayHorse, Ах, как же мне не хватало этой замечательной ссылки на ljs.ru , я просто воодушевился, и теперь готов к новым свершениям, это лучший ответ, из всех возможных , на мой вопрос ! ( нет )

Answer 2

[Антон Швец]

Смею предположить, что во время выполнения конструкции . . . new Dev( . . . ) интерпритатор ещё не знает про объект c?

Во время выполнения вашего new переменная c объявлена, но не проинициализирована, и ее значение undefined
Присвоение ей значения произойдет после того как отработает правая часть выражения, после знака присваивания.

Это происходит из-за поднятия объявлений переменных через var.
А поскольку function Dev у вас в том же скоупе, то c попадает в нее через замыкание.

Comments

[Muranx]

Антон Швец, а что значит "не проинициализирована"? Наверное я вас не понимаю, я попробовал перенести объявление c = { }; наверх, в надежде, что тем самым при выполнении function Dev ( . . . ) можно было бы указать что A.apply(c, arguments) ведь по идее если я объявил уже заранее объект c то могу на него ссылаться при вызове функции через apply? Быть может я всё же как-нибудь могу указать через applyв данном случае объект , а не ключевое слово this??? Может можете привести пример? Потому-что из вашего объяснения я лишь понял , что вроде вы разбираетесь в вопросе, но не более того ! Про замыкание вообще не понял, в чем суть, ну получается при выполнении функции var c A.apply(c. . .)он ищет эту переменную выше в глобальной области видимости, и в конце то концов полюбому найдет, к чему это было сказано?

[Антон Швец]

Muranx, объявление и инициализация переменных через var как бы разделяется на две части, само объявление перемещается в самое начало кода, там переменная создается, а инициализация происходит там где этот var был написан.
Почитайте про всплытие (hoisting).
Избежать всех этих сложностей можно используя современные let и const. var можно считать устаревшим.

Создавать объект заранее бессмысленно, c - это ссылка, когда вы ей присваиваете новый объект предыдущее значение теряется.

Непонятно вообще зачем вы пытаетесь внутри конструктора получить какую-то ссылку на объект, создаваемый этим конструктором, он пока доступен по this и никак больше.
По завершению работы конструктора в c будет сохранена ссылка на созданный объект, но не раньше.

он ищет эту переменную выше в глобальной области видимости, и в конце то концов полюбому найдет, к чему это было сказано?

не совсем. функция в которой используется переменная из скоупа выше образует замыкание.

let a = 5;
function func() {
  a = a + 1;
  console.log(1);
}

При вызове func изменится переменная a, func "замыкает" a. Ссылка на a считается живой, если возможен вызов func

Answer 3

[Vladyslav Kliuiev]

Постараюсь объяснить. Смотрите, есть функция Dev. Она принимает аргументы, и с ними делает всякое. В момент, когда вы делаете:
var c = new Dev("Sam", 35, ["Coocing"]);
что происходит? Создается новая функция Dev, она принимает те аргументы что вы в неё вложили, и результат выполнения этой функции попадает в переменную с. В итоге, переменная с становится объектом, { age: 35, name: "Sam", skills: Array [ "Coocing" ] }. this в даном случае вызывается не на переменную с, а на функцию new Dev, что вы вызываете.
​