Đối tượng hiển thị các thuộc tính nhưng truy cập chúng trả về không xác định

Question

Vì vậy, tôi đang viết một trò chơi và tôi có một mô-đun trả về các khóa hiện đang được nhấn qua jQuery. Không có vấn đề ở đó. Sự cố xảy ra khi tôi cố gắng truy cập các phím được nhấn:

var Keys = require('./lib/keys') 

Player.prototype.update = function() { 
    Keys(function (err, keydown) { 
     console.log(keydown, keydown['w']); 
     /* // To move a player up, for example: 
      if (keydown['w']) { 
      this.y += this.speed; 
      }    
     */ 
    }); 
}; 

Và bảng điều khiển cho biết phím nào được nhấn nhưng cố gắng truy cập vào một phím cho tôi không xác định thay vì đúng.

Object undefined 
s: true 
w: true 
x: true 
__proto__: Object 

Có ai có bất kỳ suy nghĩ nào không?

Cập nhật: mô-đun chính

var $ = require('./jquery') 

var Keys = function (callback) { 
    var keydown = {}; 

    function keyName(event) { 
    return String.fromCharCode(event.which).toLowerCase(); 
    } 

    $(document).bind('keydown', function (event) { 
    keydown[keyName(event)] = true; 
    return false; 
    }); 

    $(document).bind('keyup', function (event) { 
    return false; 
    }); 

    callback(null, keydown); 
} 

module.exports = Keys; 

/* ** * ** * ** * ** * * CẬP NHẬT * ** * ** * ** * ** * */

Đây là sửa chữa cuối cùng:

./lib/keys.js var $ = require ('./ jquery')

var Keys = function() { 
    this.keydown = {}; 

    var keyName = function (event) { 
    return String.fromCharCode(event.which).toLowerCase(); 
    } 

    var self = this; 
    $(document).bind('keydown', function (event) { 
    self.keydown[keyName(event)] = true; 
    return false; 
    }); 

    $(document).bind('keyup', function (event) { 
    self.keydown[keyName(event)] = false; 
    return false; 
    }); 
}; 

Keys.prototype.getKeys = function (callback) { 
    callback(null, this.keydown); 
} 

module.exports = new Keys; 

./lib/player.js var Keys = require ('./keys')

var Player = function (game, keys) { 
    // stuff 
} 

Player.prototype.update = function() { 
    var self = this; 
    Keys.getKeys(function(err, keys) { 
    if (keys['w']) { 
     self.y -= self.speed; 
    } 
    if (keys['a']) { 
     self.x -= self.speed; 
    } 
    if (keys['s']) { 
     self.y += self.speed; 
    } 
    if (keys['d']) { 
     self.x += self.speed; 
    } 
    }); 

Answer 1

Điều đó xảy ra vì Keys có các quá trình không đồng bộ trong đó.

Nó chỉ là một vấn đề chrome đã biết, hiển thị giá trị đối tượng theo tham chiếu. Vì vậy, bạn nhìn thấy giá trị đối tượng một khoảnh khắc sau bạn gọi console.log

Để nhìn thấy nó rõ ràng hơn các công cụ mở chrome webdev và đưa debugger; thay vì console.log và xem những gì thực sự trong keydown đối tượng. Và tôi đặt cược nó sẽ chỉ là một vật thể trống.

Và tôi sẽ để nguyên ở đây: http://felix-kling.de/blog/2011/08/18/inspecting-variables-in-javascript-consoles/

Answer 2

Điều đó sẽ dạy tôi quét mã quá nhanh. Nhận xét là đúng và mã này không trỏ đến vấn đề hiện tại.

Biến this được đặt lại mỗi lần bạn nhập hàm mới.

Player.prototype.update = function() { 
    var self = this; 
    Keys(function (err, keydown) { 
     console.log(keydown, keydown['w']); 
     /* // To move a player up, for example: 
      if (keydown['w']) { 
      self.y += self.speed; 
      }    
     */ 
    }); 
}; 

Answer 3

Tôi không thấy bất kỳ jQuery nào tại đây. Bạn cần cung cấp thêm mã, chẳng hạn như mã nguồn Keys. Nhưng tôi đoán rằng bạn cần phải sử dụng http://api.jquery.com/event.which/, ví dụ: keydown.which === 'w'