Javascript对象的方法赋值-优快云博客

本文通过实例解析在JavaScript对象编程中正确赋值方法的重要性，避免在init()函数之前调用方法导致的错误，提供了正确的代码实现方式并解释其原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Javascript对象编程学习中，一直不能很好的掌握对象的属性(property)和方法(method)。今天在写代码过程中，又犯了一个低级错误。

自己想这个方法在init()函数里面调用，ctx怎么会为”undefined”，不可能。监听事件不会出错呀。那问题说明这个函数在init()之前就运行了。断点跟踪就证明自己猜想是对的，但是这是一个对象，我只是new一下，不可能回去调用它的方法呀！并且drawball()方法也是在init()函数里面调用的。仔细一行一行的看代码，看到底哪里出了问题。最后发现下面两行很低级错误的代码，它们是： 
 this.draw=drawball(); this.moveit=moveball(); 
   
 本意是在自定义对象里面，给对象一个方法。我给了它方法，但是后面的()会马上调用这个方法。这是不应该的。this.draw指向一个函数的地址，但是在这里不需要马上调用它。所以在函数init()还没有进行时，这个drawball()函数就开始运行了。所以此时的ctx确实为undefined。 
 正确的做法是把方法的名字赋值给对象的方法。代码改为下面就正常运行: 
 this.draw=drawball; 
this.moveit=moveball;