从 Event.Target.Value 上的函数返回

问：

有人可以帮我理解为什么当我为事件侦听器编写代码时，下面的代码给我一个错误“color1 is not defined”？

let penColor = document.getElementById("color");
                penColor.addEventListener("change",chooseColor)
        function chooseColor(e){
            let color1 = e.target.value;
            return color1;
            
        };

但是，当我仅将此代码稍微更改为（下面）时，一切正常

   let penColor = document.getElementById("color");
        penColor.addEventListener("change",chooseColor)
        
        
        function chooseColor(e){
            return color1 =  e.target.value;
            
        };

        

我期望在从事件侦听器更改后获取 color1