Что происходит на этих строчках?

Question

[Константин]

Есть код:

let range = {
  from: 1,
  to: 5,

  [Symbol.iterator]() {
    this.current = this.from;
    return this;
  },

  next() {
    if (this.current <= this.to) {
      return { done: false, value: this.current++ };
    } else {
      return { done: true };
    }
  }
};

for (let num of range) {
  alert(num); // 1, затем 2, 3, 4, 5
}

Вообще не понимаю, что происходит здесь(смущает применение в данном случае this):

[Symbol.iterator]() {
    this.current = this.from;
    return this;
  },

Объясните, пожалуйста...

Comments

[Сергей Соколов]

в главе Перебираемые объекты вроде, всё подробно.

Ещё The Iterator Protocol на MDN (на русском).

Answer 1

[microbot]

Ссылка на статью из учебника, где можете про это прочитать.

Comments

[Константин]

они не объясняют происходящее здесь:

[Symbol.iterator]() {
    this.current = this.from;
    return this;
  },

[Константин]

Все, я разобрался. Вопрос снят

Answer 2

[Сергей Соколов]

поцитирую документацию:

Для того, чтобы объект был итерируемым, в нем должен быть реализован метод @@iterator, т.е. этот объект (или любой из объектов из его prototype chain) должен иметь свойство с именем Symbol.iterator:
Свойство: [Symbol.iterator]
Значение: Функция без аргументов, возвращающая объект, соответствующий iterator protocol.

Метод может вернуть объект типа { next() { /* ... */ }}, или, как в вашем примере, метод next() определён на самом объекте, поэтому возвращается this.

Подробно именно ваш пример расписан на learn.javascript

Comments

[Константин]

они не комментируют эту строку никак(мне непонятны эти 2 строки):

[Symbol.iterator]() {
    this.current = this.from;
   return this;
  },

[Константин]

Все, я разобрался. Вопрос снят

[Константин]

А, нет... Так и не понял, что возвращает return this;

[Сергей Соколов]

Константин, я как раз про возврат this в ответе и написал

[Константин]

Сергей Соколов, когда возвращается this, то что именно возвращается?) Все, что входит в объект, которому адресован этот this?

[Сергей Соколов]

Константин, объект range со всем барахлом. Тут главное, что у него есть метод next()

[Сергей Соколов]

p.s. чтобы быстрее самостоятельно разбираться, не стесняйтесь модифицировать код, повсюду вставлять console.log(), экспериментировать.