WebSocket 和 javascript 承诺 [重复]

Question

尝试在 WebSocket api 之上实现一个 Promise 包装器。并在 chrome 上进行测试。

function WSConnection() {
    'use strict';
    this.socket = {};
}

WSConnection.prototype.connect = function (url) {
    'use strict';

    return new Promise(function (resolve, reject) {
        var this.socket = new WebSocket(url);

        this.socket.onopen = function () {
            socket.send('hello from the client');
            resolve();
        };

        this.socket.onmessage = function (message) {
            console.log("Received on websocket: " + message);
        };

        socket.onerror = function (error) {
            console.log('WebSocket error: ' + error);
            reject(error);
        };

        socket.onclose = function (event) {
            console.log("Websocket socket closed: " + JSON.stringify(event));
        };
    });
};


WSConnection.prototype.disconnect = function () {
    'use strict';
    console.log("Disconnect request from local app layer");
    this.socket.close();
};

但是当我运行它时，我得到了异常

        var this.socket = new WebSocket(url);

出现错误

“承诺拒绝时暂停。TyperError: 无法设置属性 'socket' 未定义”

。在控制台上我看到以下错误 -

“未捕获（承诺中）TypeError：无法设置属性'socket' 未定义”。

这里有什么问题？ “this.socket”是指 Promise 对象中的 'socket' 变量吗？如果是这样，我如何访问 WSConnection 对象中的“套接字”变量。有没有更好的方法在浏览器上承诺 websocket api？

Answer 1

有错误的行的语法不正确

this.socket = new WebSocket(url);

我想应该是this.socket = new WebSocket(url);

同样在new Promise 回调中你的 this 将未定义，因为它是匿名回调。

你可以bind这个回调或ES2015箭头函数（更多细节here）

箭头函数示例：

function WSConnection() {
    'use strict';
    this.socket = {};
}

WSConnection.prototype.connect = function (url) {
    'use strict';

    return new Promise((resolve, reject) => {
        this.socket = new WebSocket(url);

        this.socket.onopen = function () {
            socket.send('hello from the client');
            resolve();
        };

        this.socket.onmessage = function (message) {
            console.log("Received on websocket: " + message);
        };

        socket.onerror = function (error) {
            console.log('WebSocket error: ' + error);
            reject(error);
        };

        socket.onclose = function (event) {
            console.log("Websocket socket closed: " + JSON.stringify(event));
        };
    });
};


WSConnection.prototype.disconnect = function () {
    'use strict';
    console.log("Disconnect request from local app layer");
    this.socket.close();
};