12.6.1 给Car原型添加一个draw方法

  让我们给Car.prototype添加一个draw方法,以便使用Car创建的所有对象都有draw方法。使用File4Save As,将cars.html文件保存为cars2.html。然后,使用如下的代码,替换cars2.html中的第二组<script>标签中的所有JavaScript。

《javascript-少儿编程》第12章面向对象编程之添加draw方法

  在❶处,创建了Car构造方法,在❷处,给Car.prototype添加了一个名为draw的新方法。这使得draw方法成为Car构造方法所创建的所有的对象的一部分。

  Draw方法的内容是drawCar函数的一个修改后的版本。首先,创建了一个HTML字符串并且将其保存为carHTML。在❸处,创建了表示这个HTML的一个jQuery元素,但是这一次,我们通过将其赋值给this.carElement而保存为该对象的一个属性。然后,在❹处,我们使用this.x和this.y设置当前汽车图像的左上角的图标(在构造方法中,this表示当前要创建的新对象)。

  运行这段代码的时候,结果如图12-2所示。我们并没有修改代码的功能,只是更改了其组织方式。这种方法的优点是:绘制汽车的代码是汽车的一部分,而不是一个单独的函数。


本站内容未经许可,禁止任何网站及个人进行转载。

   口袋儿题库-青少儿编程自测题库