Что первым создаётся в этом js коде ??

Question

[KasAskar]

class Application extends React.Component {
    constructor(props) {
      super(props);
      this.state = {isDangerAlertShowed: true}
      this.toggleDangerAlert = this.toggleDangerAlert.bind(this);
    }

    toggleDangerAlert() {
      this.setState(prevState => ({
        isDangerAlertShowed: !prevState.isDangerAlertShowed
      }));
    }

В этом коде мне не понятно вот это: this.toggleDangerAlert = this.toggleDangerAlert.bind(this);
Ведь когда это строка читается, еще не создана метод toggleDangerAlert, это же после constructor создается, то тогда как это работает this.toggleDangerAlert = this.toggleDangerAlert.bind(this); если метода toggleDangerAlert еще нет ?

Comments

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

Вы путаете «читается» и «выполняется».

Так вот, когда эта строка выполняется, уже есть класс и все его методы.

Answer 1

[Антон Спирин]

Метод находится в прототипе.
Конструктор вызывается при создании экземпляра.
Когда вы создаете экземпляр, прототип уже давно определен.

Comments

[KasAskar]

Класс читается как в ES5 то есть метод отдельно пишется в прототип ? Я думал что когда раскрывается тело класса только тогда создается эти методы

[Антон Спирин]

KasAskar, определение класса:

class Foo {
  constructor() {
    this.bar = this.bar.bind(this);
  }

  bar() {}
}

равносильо(с парой оговорок):

function Foo() {
  this.bar = this.bar.bind(this);
}

Foo.prototype.bar = function () {};