Как разработчик JavaScript находит реализующие классы интерфейса?

Что ж, ближе всего к «интерфейсу», когда речь идет о встроенных классах, могут быть общеизвестные символы, которые говорят нам, реализует ли класс что-то:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol#well-known_symbols

Мы можем получить все свойства объекта globalThis (такие же, как объект Window в браузерах, разные в Node.js), большинство из которых являются классами, не перечислимы, поэтому мы должны использовать Object.getOwnPropertyNames.

Затем мы можем перебрать их и посмотреть, являются ли их прототипы итерируемыми — есть ли у них хорошо известный символ Symbol.iterator.

Теперь мы получим обширный список классов, которые создают итерируемые экземпляры.

function getIterableClasses() {
  let classNames = [];
  let builtIn = Object.getOwnPropertyNames(globalThis);
  for (let x of builtIn) { 
    try {
      let object = globalThis[x].prototype;
      object[Symbol.iterator] && classNames.push(x);
    }
    catch (e) { }
  }
  return classNames.sort();
}

let c = getIterableClasses();
console.info('Found ' + c.length + ' iterable classes');
console.info(c.join('\n'));

Этот код сообщает о 68 встроенных классах, которые создают итерируемые объекты в Chrome, 58 в Firefox и 57 в Safari (последние версии браузеров для Mac, 6 мая 2023 г.). Так что таких классов довольно много.

Примечание. В Node.js список намного меньше, поскольку он имеет более модульную структуру (модули требуются/импортируются при необходимости) и не имеет классов, связанных с DOM, но вы все равно получаете 19 различных классов с итерируемыми экземплярами в Node.js: Массив, BigInt64Array, BigUint64Array, Buffer, Float32Array, Float64Array, FormData, заголовки, Int16Array, Int32Array, Int8Array, Map, Set, String, URLSearchParams, Uint16Array, Uint32Array, Uint8Array, Uint8ClampedArray.

Личная мысль от одного преподавателя к другому: если ваша цель состоит в том, чтобы научить основам JavaScript, я думаю, вы окажете дурную услугу и себе, и своим ученикам, проходя все эти занятия. Лучше сосредоточьтесь на некоторых основах: массивы повторяемы, строки итерируемы, NodeLists (и как использовать querySelectorAll для получения NodeLists). И тот факт, что вы можете превратить любой итерируемый объект в массив, распространив его на массив [...iterable], часто бывает полезен, поскольку вы можете использовать для него стандартные методы массива (такие как map, filter, reduce).

Кроме того: распространение итерируемого объекта в массив [...iterable] делает примерно то же самое, что и Array.prototype.from, но более коротким, более «JS-несковым» способом.