Как работает JS?

Question

[sergey19940808]

1) Как работает сцепление методов ? Я полагаю что это просто последовательный вызов методов, но можно ли более подробно.

2) Нигде не видел подробного описания job queue это касательно промисов, пишут только что на каждом цикле событий (я про event loop) добавляется очередь промисов, которые нужно выполнить. Можно подробнее об этом?

Comments

[anlamas]

1. chain methods - просто возвращаешь в конце метода this, то есть сам объект и по новой у объекта вызывается метод, который возвращает this ...

Answer 1

[coderisimo]

Как работает сцепление методов : Каждый метод не только модифицирует объект, но и возвращает его .
Например :

// define the class
var Kitten = function() {
  this.name = 'Garfield';
  this.color = 'brown';
  this.gender = 'male';
};

Kitten.prototype.setName = function(name) {
  this.name = name;
  return this;
};

Kitten.prototype.setColor = function(color) {
  this.color = color;
  return this;
};

Kitten.prototype.setGender = function(gender) {
  this.gender = gender;
  return this;
};

Kitten.prototype.save = function() {
  console.log(
    'saving ' + this.name + ', the ' +
    this.color + ' ' + this.gender + ' kitten...'
  );

  // save to database here...

  return this;
};

и затем

new Kitten()
  .setName('Bob')
  .setColor('black')
  .setGender('male')
  .save();

Comments

[Stalker_RED]

Допишите еще в ответе что это называется method chaining.

[coderisimo]

Stalker_RED, про это уже выше написали ))

[Stalker_RED]

coderisimo, вы когда на SO находите какой-то ответ, то читаете все малозаментные комментарии?

[coderisimo]

Stalker_RED, когда я ищу ответ, я изучаю все, что доступно. В данном топике про method chaining написано ДВАЖДЫ. Вами и AibekAS.
Если этого недостаточно, то медицина бессильна.

[Stalker_RED]

coderisimo, тот случай, когда жалеешь, что нет минусов.

Answer 2

[Stalker_RED]

Это называется method chaining или просто chaining.

Каждый метод должен не только выполнять свое действие, но и возвращать ссылку на объект.
Например:

// define the class
var Kitten = function() {
  this.name = 'Garfield';
  this.color = 'brown';
  this.gender = 'male';
};

Kitten.prototype.setName = function(name) {
  this.name = name;
  return this;
};

Kitten.prototype.setColor = function(color) {
  this.color = color;
  return this;
};

Kitten.prototype.setGender = function(gender) {
  this.gender = gender;
  return this;
};

Kitten.prototype.save = function() {
  console.log(
    'saving ' + this.name + ', the ' +
    this.color + ' ' + this.gender + ' kitten...'
  );

  // save to database here...

  return this;
};

Использование:

new Kitten()
  .setName('Bob')
  .setColor('black')
  .setGender('male')
  .save();

(код предоставлен coderisimo)