node.js / socket.io中的對象/方法/變量訪問

Question

我相信這是一個范圍/變量訪問問題，但是我不確定，因此我將告訴您整個情況。

這個想法是要有一個node.js-“應用程序”，它允許您在HTML前端中輸入一個數字，該數字通過socket.io發送到服務器，然后與貓鼬一起保存到mongodb。 然后，作為回報，從數據庫中獲取數字並在客戶端腳本中對其進行處理。

一個現實的例子是，您可以在客戶端輸入汽車/任何車輛的行駛里程，然后觸發socket.io事件，該事件會將此信息傳輸到node.js服務器，並使用貓鼬將其保存到monogodb。 這樣可行。 現在說我也希望能夠保留並保存一些首選項。
我有一個Preferences對象，該對象保留變量numDigits和一些方法/功能。
將numDigits保存到服務器有效，從服務器查詢條目。
但是，將數字保存到Preferences.numDigits不會。

client.js

//init.js
//var Preferences;

var Preferences = {
    numDigits: 'default',
    parse: function(){
        this.numDigits = parseInt($('#preferences > #num-digits').val());
    },
    get: function(){
        socket.emit('req-preferences', function(responseData) {
            this.numDigits = responseData.numDigits;
            console.log('#1: ' + this.numDigits);
        });
        console.log('#1: ' + this.numDigits);
        // 2 different outputs (scopes?) here

    },
    save: function(){
        socket.emit('save-preferences', this);
    }
}

var UI = {
    numDigits: Preferences.numDigits,
    build: function() {
        Preferences.get();
        console.log(Preferences.numDigits);
        for (i=0; i<Preferences.numDigits;i++) {
            $('#input-km').append('<input type="text"></input>');
        }   
    }
}

$(document).ready(function() {

    socket = io.connect('http://127.0.0.1:8080');


    function print(data) {
        console.log(data);
        if (data.length == 0) {
            $('#results').html('no entries!');
        } else {
            for (i = 0; i < data.length; i++) {
                $('#results').append(data[i].date + ' - ' + data[i].km + '<br />');
            }   
        }
    }

    socket.on('res-entries', function(entries){
        print(entries);
    });

    $('#submit').click(function() {
        var kmStand = $('#km').val();
        socket.emit('submit', kmStand, function(){
        });
    });

    $('#req-entries').click(function(){
        socket.emit('req-entries', function() {
        });
    });


    $('#remove-all').click(function() {
        socket.emit('remove-all', function() {
            console.log('remove all');
        });
    });

    $('#save-preferences').click(function() {
        Preferences.parse();
        Preferences.save();
    });

    //Preferences.get();
    UI.build();
});

server.js

var http = require('http');
var connect = require('connect');
var io = require('socket.io');
var mongoose = require('mongoose');

var server = http.createServer(connect()
    .use(connect.static(__dirname))).listen(8080);

var socket = io.listen(server);
socket.set('log level', 2);

var db = mongoose.createConnection('localhost', 'mileagedb');
db.on('error', console.error.bind(console, 'connection error:'));
db.once('open', function() {

    var entrySchema = new mongoose.Schema({
        km: String,
        date: {
            type:Date, 
            default:Date.now
        }
    });

    var preferencesSchema = new mongoose.Schema({
        numDigits: Number,
        objId: Number
    });

    var Preferences = db.model('Preferences', preferencesSchema);

    var Entry = db.model('Entry', entrySchema);

    socket.sockets.on('connection', function(socket){ 

        socket.on('submit', function(kmStand){
            var eintrag = new Entry({
                km: kmStand,
            });

            eintrag.save(function(err) {
                if (err) {
                    console.log('error while saving');
                } else {
                    console.log('saved');
                }
            });

            Entry.find(function(err, entries) {
                console.log('all entries:');
                console.log(entries);
            });
        });

        socket.on('req-entries', function() {
            Entry.find(function(err, entries) {
                socket.emit('res-entries', entries);
            });
        });

        socket.on('remove-all', function() {
            Entry.find().remove();
            Preferences.find().remove();
        });

        socket.on('save-preferences', function(prefObj) {

            Preferences.update(Preferences.findOne(), {$set: { numDigits: prefObj.numDigits }}, { upsert: true }, function(err){
                if (err) {
                    console.log('error saving');
                }
            });

            Preferences.find(function(err, prefs) {
                console.log('all preferences:');
                console.log(prefs);
            });
        });

        socket.on('req-preferences', function(fn) {
            Preferences.findOne(function(err, prefs) {
                fn(prefs);
            })
        });

    });
});



/* maybe:
socket.on('get-entries'), function(requestSpecification) {
            ...
        }*/

客戶端上的控制台輸出為：

(on body load, UI.build() fires)
#2: default (line 14)
#1: 5 (line 12)

>Preferences.get();
#2: default (line 14)
<-undefined
#1: 5 (line 12)

>Preferences.numDigits
"default"

UI.build（）中的for循環也不會觸發，因此我也將其取值為“ default”。 如前所述，我很確定這是Preferences.get();某個位置的變量/作用域問題Preferences.get(); 但是我自己無法理解問題。 如果你們中的某人可以幫助我，那太好了。

在此先多謝！

編輯：粘貼錯誤的代碼

Answer 1

我認為您的代碼仍然不是生成該輸出的代碼（即代碼中的第12行和第14行都包含＃1。無論如何，這可能不是問題。

好的，首先，我雖然要“發送”的第二個參數應該是要發送的數據，而只有第三個參數應該是回調函數。 但這也許確實有效。

然后是范圍界定問題。 務必小心閉包中的“ this”所指向的內容（=回調函數）。 最好的解決方案是：

get: function(){
    var that = this;
    socket.emit('req-preferences', function(responseData) {
        that.numDigits = responseData.numDigits;
        console.log('#1: ' + that.numDigits);
    });
    console.log('#1: ' + that.numDigits);
    // 2 different outputs (scopes?) here

},

我自己，我總是讓任何成員函數的第一行是“ var that = this”，然后在整個函數中僅引用“ that”。 如果您真的想了解原因，請查看說明 。 另外，在整個代碼中使用“嚴格使用”可以幫助防止此類問題。

我沒有嘗試過，但是我認為這應該有所幫助。