websocket回调事件中无法访问本地变量

在WebSockets的回调事件中，由于事件是在异步环境中触发的，所以直接访问本地作用域（如函数内部定义的局部变量）可能会遇到问题。这是因为JavaScript的函数作用域规则——词法作用域，意味着函数内的变量在函数执行完毕后并不会保存，除非你将其提升到了某个外部作用域或者使用了闭包。

当你在`onmessage`等WebSocket回调函数中尝试访问未定义的局部变量时，浏览器实际上找不到这个变量，因为它已经超出当前作用域了。解决这个问题的方式有：

1. **将变量作为参数传递**：可以在函数外部创建一个对象，并把需要在回调中使用的变量作为其属性。然后在回调函数中通过这个对象来访问它们。

const localData = { myVariable: "value" };

socket.addEventListener('message', function (event) {
    console.log(localData.myVariable); // 正确访问
});

2. **使用闭包**：通过返回一个内部函数，在该函数中可以访问外部函数的变量。

function initSocket() {
    let myVariable = "value";
    
    return function onMessage(event) {
        console.log(myVariable); // 可以访问myVariable
    };
}

const socketCallback = initSocket();
socket.addEventListener('message', socketCallback);

3. **使用事件上下文对象**：在某些语言特性支持的情况下（比如ES6），你可以利用事件对象（如`event.target`）访问外部作用域的变量。

// 在构造函数中设置变量
const self = this;
self.myVariable = "value";

socket.addEventListener('message', function (event) {
    console.log(self.myVariable); // 这里self指向外部作用域
});

请记住，避免在回调中修改全局变量，以防意外影响其他部分的代码。