let currentIndex = 0;

const thumbnails = document.querySelectorAll('.thumbnails > li');
thumbnails[currentIndex].classList.remove('current'); // li[0]についているcurrentをとる
currentIndex = index;
thumbnails[currentIndex].classList.add('current'); //  li[5]にcurrentをつける

thumbnails>li[5] を押した場合 current が li[0] からなくなり li[5] につく
let currentIndex に 5 が代入される。
thumbnails>li[3] を押した場合 current が li[5] からなくなり li[3] につく
let currentIndex に 3 が代入される。
という流れであっていますか？

もしこれがあっているならなぜスコープ外にある let currentIndex = 0; に代入できるのですか？
スコープについての過去動画も見直しましたが認識があいまいなので今回のソースコードでどこからどこまでがスコープなのかも知りたいです。よろしくお願いします。