Маленький JS код, а не работает

let colors = ['red', 'green', 'blue'];
for(let value of colors) {
console.log(value);
}

let colors = [ 'red', 'green', 'blue' ];

for(let value of colors) {

console.log(value);

}

это поведение по умолчанию ( values() ).

меня интересует. почему не срабатывает явное указание итератора

values() вроде как эксперементальная штука. Проверьте поддерживает ли браузер данный сахар. И values - это сахар для проперти объекта. В вашем случае по массиву можно бегать простым for ...of, values тут без надобности.