《TypeScript图形渲染实战:2D架构设计与实现》 —3.3 测试及修正Application类

举报
华章计算机 发表于 2019/12/12 19:26:51 2019/12/12
【摘要】 本节书摘来自华章计算机《TypeScript图形渲染实战:2D架构设计与实现》 一书中第3章,第3.3.1节,作者是步磊峰。

3.3  测试及修正Application类

  在前面章节中将Application类的主要功能都实现了,接下来来测试Application类是否有效。先创建一个名为applicationTest.ts的文件,所有的测试代码都在applicationTest.ts中实现。

3.3.1  继承并覆写Application基类的虚方法

  首先在applicationTest.ts中实现一个名为ApplicationTest的类,该类继承自Application基类,并且覆写(override)4个基类方法。具体代码如下:

  

import { Application } from "./src/application";

import { CanvasKeyBoardEvent, CanvasMouseEvent } from "./src/application";

// ApplicationTest继承并扩展了Application基类

class ApplicationTest extends Application {

    // 覆写(override)基类的受保护方法dispatchKeyDown

    protected dispatchKeyDown ( evt : CanvasKeyBoardEvent) : void {

       // 当发生keydown事件时,将哪个键按下信息输出到console控制台

       console . log ( " key : " + evt.key + " is down " ) ;

    }

    // 覆写(override)基类的受保护方法dispatchMouseDown

    protected dispatchMouseDown ( evt : CanvasMouseEvent ) : void {

         //当发生mousedown事件时,将canvasPosition坐标信息输出到console控制台

        console . log ( " canvasPosition : " + evt . canvasPosition ) ;

    }

    // 覆写(override)基类公开方法update

    public update ( elapsedMsec : number , intervalSec : number ) : void {

        console . log ( " elapsedMsec : " + elapsedMsec + " intervalSec :

        " + intervalSec ) ;

    }

    // 覆写(override)基类公开方法render

    public render ( ) : void {

        console . log ( " 调用render方法 " ) ;

    }

}


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。