Что происходит под капотом?

Question

[konst34]

Перерыл весь гугл и видосы на ютубе, но так и не понял. Уже 2 дня на одном месте сижу, терпение лопается...
Код взят c learn.javascript, но там это не объясняется.
Пожалуйста, объясните, что именно здесь происходит? Первая версия кода с learn.js

let str = "Hello";

let iterator = str[Symbol.iterator]();

while (true) {
  let result = iterator.next();
  if (result.done) break;
  alert(result.value); // выводит символы один за другим
}

И вторая, моя которую я пытаюсь понять изнутри, но оно не работает... Что именно не так? (Мне кажется, что все не "так"...)

let str = "Hello";


let iterator = str[Symbol.iterator] = function()  {
    let i = 0;
    return {
    next() {
    return (i < this.length) ? ({ value: this[i++] }) : ({ done: true })
           }   
           }
        };

while (true) {
  let result = iterator.next();
  if (result.done) break;
  alert(result.value);

Comments

[0xD34F]

6.6

[Anonymous Penguin]

Это пипец... Итератор уже встроен в строку, зачем ты его пытаешься добавить, да еще и кривым способом?
let iterator = str[Symbol.iterator]() {
JS просто не понимает, что ты от него хочешь

[konst34]

Anonymous Penguin, да я вижу, что я х*рню делаю

[konst34]

Anonymous Penguin, мне непонятно, что происходит конкретно в данном случае внутри, под капотом...

[konst34]

Anonymous Penguin, или я тупой) не знаю))))

[Anonymous Penguin]

konst34, на Хабре Q&A в последнее время творится какая-то хрень... Такое чувство, что все новички сбежались в одно место, чтобы кто-то решил их глупые проблемы. Дубликаты аккаунтов и вопросов, не-умение гуглить, желание разобраться "под компотом капотом"... Этого раньше было намного меньше, а сейчас - навалом. Что вообще происходит?!

[konst34]

Anonymous Penguin, т.е. мне нет необходимости знать, что происходит под капотом?)))

[konst34]

Anonymous Penguin, извиняюсь за однотипные вопросы)))

[konst34]

0xD34F, больше такого не будет))) я просто новичок и вообще в голове каша... вообще не понимаю, что происходит.

[Anonymous Penguin]

konst34, на гитхабе, насколько я знаю, есть репозиторий с исходным кодом движка V8, он написан на C++. Вот там и разбирайся, как работает JS под компотом

[konst34]

Anonymous Penguin, хорошо. Но в целом, извиняюсь за повтор вопроса - знать, что происходит в данном случае "внутри" - мне незачем? Новичку, чтобы использовать JS во фронт-енде...

[Anonymous Penguin]

konst34, если ты хочешь учить JS - просто учи, тебе нет надобности знать внутреннее устройство языка. Но если тебе это принципиально - то валяй, тебе никто не запрещает

[konst34]

Anonymous Penguin, понял, спасибо. Это самое главное!

[konst34]

Anonymous Penguin, мне просто не всегда понятно, какие тонкости нужно знать, а какие - нет. Поэтому я пытаюсь до деталей понять тупо ВСЁ

Answer 1

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

Прежде чем лезть в тонкости стоит изучить основы языка и основы дебага.

В частности, в вашей версии вы так и не вызвали str[Symbol.iterator](). Так что непонятно по чему вы пытаетесь итерироваться.

Но даже если вы это сделаете, вы возвращаете объект

{
  next() { ... }
}

в котором внутри функции next используете ключевое слово this. Но при вызове iterator.next() этот this будет указывать на объект iterator у которого нет никакого свойства length.