将socket.on作为承诺包装

时间:2017-02-27 15:50:02

标签: javascript angularjs socket.io promise angularjs-service

我正在提供服务,其功能initresolve。首先,它创建一个具有连接ID的文件夹,然后在其中写入一些默认文件。应记录文件夹(即连接的ID),这是this.dir的目的。

以下代码调用initDir。但是,它不会调用initFiles(即,不调用alert("here"))。我想这是因为initDir没有做好承诺。

有谁知道如何修改它?

this.files = [ ... ... ];

this.dir = "public/tmp/default/";

this.initDir = function () {
    var socket = io.connect();
    return socket.on('id', function (id) {
        var dir = "public/tmp/" + id + "/";
        return $http.post('mkdir', { dir: dir })
            .then(function () {
                this.dir = dir;
            })
    })
} 

this.initFiles = function (dir, files) {
    return $http.post('writeFile', { dir: dir, file: files[0] })
        .then(function (res) {
            $http.post('writeFile', { dir: dir, file: files[1] })
                .then(function (res) {
                    console.log("saved 2 files")
                })
            })
    })
}

this.init = function () {
    return this.initDir() 
        .then(function (res) {
            alert("here");
            this.initFiles(this.dir, this.files)
        })
}

在服务器端,它只是在每次连接后发送连接ID:

io.sockets.on('connection', function (socket) {
    socket.emit('id', socket.id);
}

编辑1:根据@epiqueras的回答,我修改了代码。以下代码调用inside init,但不会调用inside initDir ....

var dirP = "public/tmp/default/";

this.initDir = function () {
    return new Promise(function (resolve, reject) {
        alert("inside initDir")
        var socket = io.connect();
        socket.on('id', function (id) {
            var dir = "public/tmp/" + id + "/";
            $http.post('mkdir', { dir: dir })
                .then(function () {
                    dirP = dir;
                    resolve(dirP)
                })
        })
    })      
} 

this.init = function (files) {
    alert("inside init");
    return initDir
        .then(function (dir) {
            alert("before initFiles");
            this.initFiles(dir, files)
        })
}
initDir.then更改为this.initDir().then后,

修改2:,我有以下代码。它显示良好inside initinside initDirbefore initFiles。但是,它不会显示inside initFiles或写入文件。

this.initDir = function () {
    return new Promise(function (resolve, reject) {
        console.log("inside initDir")
        var socket = io.connect();
        socket.on('id', function (id) {
            var dir = "public/tmp/" + id + "/";
            $http.post('mkdir', { dir: dir })
                .then(function () {
                    dirP = dir;
                    resolve(dirP)
                })
        })
    })      
}; 

this.initFiles = function (dir, files) {
    console.log("initFiles: " + dir);
    return $http.post('writeFile', { dir: dir, file: files[0] })
        .then(function (res) {
            $http.post('writeFile', { dir: dir, file: files[1] })
                .then(function (res) {
                    console.log("saved 2 files")
                })
            })
    })
}

this.init = function (files) {
    console.log("inside init");
    return this.initDir().then(function (dir) {
        console.log("before initFiles " + dir + JSON.stringify(files));
        this.initFiles(dir, files)
    })
};

1 个答案:

答案 0 :(得分:0)

它不起作用,因为socket.on不返回它的回调的返回值。

尝试使用promise包装代码并在回调中解析而不是仅返回。

initDir() {
    return new Promise(function(resolve, reject) {
        socket.on.....
            $http.post.....then(resolve)
    }
}

确保您返回新的Promise,并且您正在解决您希望等待的最终值。