2011-03-17 77 views
0

决议,发生错误在我的代码的javascript无法调用方法中__prototype__表示对象[对象的对象]无方法“显示器”

我测试出moo4q jQuery的MooTools的合成(HTTP://moo4q.com/)在一个简单的游戏,并遇到一个问题。下面是代码,是造成问题的片段:

// write score counter, puts up overlay, load image 
initGame: function() { 

    this.app.unbind('loadingDone',this.initGame); 

    this.setupHUD(); 
    this.gameObjects['scoreCounter'].html('1000'); 
    var imgLib = this.imgs[this.gameType]; 
    var img = imgLib.getUniqueImage(); 
    this.log(img); 
    img.display(this.gameObjects['imageHolder']); 

    this.gameObjects['overlay'].fillRect(0, 0, 320, 460); 
    $(this.gameObjects['overlay'].canvas).bind('click', $.proxy(this.pokeHole, this)); 

}, 

作为解释,this.gameObjects [“imageHolder的”]传递给IMG对象画布背景来告诉它在哪里画。特别是在'img.display(this.gameObject ['imageHolder']);我从Chrome中

呼吁行日志跟踪的输出得到错误

Uncaught TypeError: Object [object Object] has no method 'display' 

只是调用之前(这仅仅是一个包裹window.console.log)是:

[Class.newClass.constructor 
file: Object 
keyword_list: Array[1] 
options: F 
__proto__: Object 
    canvasContext: null 
    checkResponse: function(){ 
    constructor: function(){ 
    display: function(){ 
    file: null 
    initialize: function(){ 
    keyword_list: Array[0] 
    log: function(){ 
    options: Object 
    __proto__: Object 

我想,也许,它会调用显示为proto扩展?但似乎不是。 this.imgs [this.gameType]是一个ImageContainer类。 getUniqueImage看起来是这样的:

// gets a random image from the imgsShown array, then removes it 
// so that subsequent calls to getUniqueImage will always 
// be unique. Refills imgsShown if empty. 
getUniqueImage: function() { 

    // copy over the img array if imgsShown array is empty 
    if(this.imgsShown.length == 0) this.imgsShown = this.imgs.slice(0); 
    var rand = Math.floor(Math.random() * this.imgsShown.length); 

    return this.imgsShown.splice(rand,1); 
} 
这里

全貌(符被点击时动物):

http://www.clumsyfingers.net/projects/game/revealer/

最相关的文件在/ apps目录,我已经离开开放

http://www.clumsyfingers.net/projects/game/revealer/app/

Halp?

+0

原来是getUniqueImage函数返回值的错误。我正在返回一个数组(由拼接函数创建)而不是对象。作为参考,Chrome的调试中的[]表示记录的参数是一个数组。 – clumsyfingers 2011-03-18 01:16:29

回答

1

var img = imgLib.getUniqueImage();

是IMGLIB阵列/ HTML集合?如果是这样,img是一个对象?

img.display(this.gameObjects['imageHolder']);

你原型对象?那是not a good idea,如果你是。我建议你通过做一个类方法displayImage来重构,然后调用它。

+0

imgLib是一个ImageCollection类实例(http://www.clumsyfingers.net/projects/game/revealer/app/imagecollection.js)。我不是100%确定moo4q是如何实现的......不知道它是否原型为Object。我会研究它,并与你回去。 – clumsyfingers 2011-03-17 13:11:27

+1

NOBODY原型对象 - 特别是不是mootools,其类实现此端口。 Mootools的Hash'Native'是一个包含原型的对象包装器(不赞成使用),现在它在'Object type'中执行伪方法,就像[javascript natives]一样(https://developer.mozilla.org/en/JavaScript/参考/ Global_Objects /对象/键)。 – 2011-03-17 13:18:16

+0

是的,事实并非如此,事实证明,我正在返回一个数组而不是对象本身*巴掌额*。现在我知道[] chrome调试不仅仅是语法糖,它意味着你正在引用一个数组。 +1给你们两个看一看。谢谢。 – clumsyfingers 2011-03-18 01:15:36