Почему ключевое слово 'this' при вызове функции-конструктора выводит свои свойства до присваивания значений?

Question

[Aesteria]

Я не совсем понимаю, что мне выводится в инструментах разработчика. Вроде бы и пустой объект, как положено, но почему-то, при раскрытии, свойства, которые не были заданы на этапе выполнения первого console.log() присутствуют в объекте

function Person() {

    console.log(this);
    this.firstname = 'John';
    this.lastname = 'Doe';
    console.log(this);
}

let john = new Person();

Comments

[Ярослав Иванов]

потому что так работает console

[di]

нашел что то такое https://bugzilla.mozilla.org/show_bug.cgi?id=754861
есть такой вот костылечек

function Person() {
    console.log(JSON.parse(JSON.stringify(this)));
    this.firstname = 'John';
    this.lastname = 'Doe';
    console.log(JSON.parse(JSON.stringify(this)));
}

let john = new Person();

Answer 1

[hzzzzl]

Aesteria см синюю иконку i, если на нее навести мышкой, то будет пояснение почему так

function Person() {

    console.log('before', this.firstname, this.lastname);
    this.firstname = 'John';
    this.lastname = 'Doe';
    console.log('after', this.firstname, this.lastname);
}

let john = new Person();