初始化前不能访问“变量”

Question

无法确定我有此错误消息：'Uncaught ReferenceError：初始化之前无法访问'颜色'。到目前为止我的代码：

window.onload = function() {
let colors = [
    pickColor(),
    "rgb(255, 255, 0)",
    "rgb(0, 255, 0)",
    "rgb(0, 255, 255)",
    "rgb(0, 0, 255)",
    "rgb(255, 0, 255)"
];

let squares = document.querySelectorAll('.square');
let pickedColor = pickColor();
let colorDisplay = document.getElementById('colorDisplay');
let messageDisplay = document.querySelector('#message');
let bigTitle = document.querySelector('#bigTitle');

colorDisplay.textContent = pickedColor;

for (let i = 0; i < squares.length; i++) {
    //add initial colors to squares
   squares[i].style.backgroundColor = colors[i];
    //add click listeners to squares
    squares[i].addEventListener('click', function() {
    //grab color of clicked square
      let clickedColor = squares[i].style.backgroundColor; 
    //compare color to pickedColor variable
        if(clickedColor === pickedColor) {
            messageDisplay.textContent = 'Correct bruh !';
            changeColors(pickedColor);
        }else{
            squares[i].style.backgroundColor = '#232323';
            messageDisplay.textContent ='Try again bro';
        }
    }); 
};

function changeColors(color) {
    for (let i = 0; i < squares.length; i++) {
        squares[i].style.backgroundColor = color;       bigTitle.style.backgroundColor = color;
        } 
};

function pickColor() {
    let random = Math.floor(Math.random() * colors.length);
    return colors[random];
}

}//end of onload function

对我来说，我的变量“ colors”在一开始就已经声明过了，所以我不明白为什么我不能在我的“ pickColor”函数中使用它，因为它具有全局范围。有提示吗？

Answer 1

另一答案

Answer 2

另一答案