Question

我将以简单的方式处理我的代码，但如果有任何好的灵魂希望帮助代码|on Github| /lib/inmotion/editor.js(line 99）

editor.js

function Editor(){
  var instance = this;
  this.key_frames = [] // a list of key frames
  this.kf = null   // the current KeyFrame

  function notice_click( click ){
    instance.kf.add_bone( 1 ) // <-- error here
    // instance.kf.list.push( 1 ) // <-- this works, but is incomplete
  }
}

key_frame.js

function KeyFrame(){
  instance = this
  instance.changed = false // for the redraw :)
  instance.list = []

  function add_bone( bone ){
    instance.list.push( bone )
    instance.changed = true
    return true
  }
}

我的程序有一个独特的Editor实例，它有很多KeyFrames实例每个KeyFrame都有很多骨头所以总有一个活动的KeyFrame，由Editor.kf实例定义由于我只有一个kf，我可以毫无问题地为那个添加骨骼，但是当我添加更多KeyFrames时，我只能将add_bone添加到我创建的最后一个kf中！为什么？

如果我不够清楚，我道歉，提出疑问

Answer 1

据我所知，问题是每次调用KeyFrame时'实例'都会被覆盖。你应该直接使用'this'。

Answer 2

您的KeyFrame对象缺少var，它应如下所示：

function KeyFrame(){
  var instance = this;
  instance.changed = false;
  instance.list = [];

  function add_bone( bone ){
    instance.list.push( bone );
    instance.changed = true;
    return true;
  }
}

如果没有var关键字，您正在定义或覆盖window.instance，全局变量，而不是您想要的对象的本地变量：）

为什么这个JavaScript OO错了？

2 个答案: