面向对象

类

什么是类

• 类是 面向对象程序设计语言中的一个概念。类（Class）实际上是对某种类型的对象定义变量和方法的原型。它表示对现实生活中一类具有共同特征的事物的抽象，是面向对象编程的基础。
• 对象就是类的实例化体现
• 类就是对象的抽象化表现
• 类名一般大写

类有什么

• 父类

• 子类

• 超类superClass

  • 子类的父类称为超类

• 基类BassClass

创建类

• class A{ a=1; // 构造函数 constructor(){

        }
        play(){
            console.log("play");
        }
        run(){
            this.a++;
            console.log("run"+this.a);
        }
    }
  

实例化对象

• var a=new A(); a.play(); a.run();
• 当实例化时，就会自动执行构造函数

常见语句

• override

  • 会覆盖父类这个方法的内容

• super.clickHandler(e)

  • 先执行父类的该方法

模块化开发

type="module"

import

• 用于导入由另一个模块导出的绑定

• 导入一个类不需要解构，多个才需要

• 一个类

  • import A from "./js/A.js";

• 多个类

  • import {B,C} from "./js/B.js;

default

• 只一个类
• export default class Arrays

export

• 语句用于从模块中导出实时绑定的函数、对象或原始值

模块化必须使用服务方式打开

• alt+o

...arg

• 参数允许有不定量的数据

• arg最后是一个数组

• var o ={...obj} 浅复制

  • 重新创建一个对象，并且将obj复制给这个新的对象，不会保留原对象的属性
  • 只是更换了对象的引用地址

静态方法

注意区分哪些用静态，哪些不用

在静态方法中调用的变量，都需要写成静态的

在静态方法中理论上是不能使用this，我们需要坚决贯彻这个思想

• 实际上在静态方法中，this就是当前的类名

动画

setInterval和clearInterval

• setinterval(animation 16)的原因

setTimeout和clearTimeout

requestAnimationFrame

基本概念

• 帧频

  • 一秒钟播放多少帧

    • 1000/60=16.666666

• 帧

  • 一帧就是一张图片播放的时间

requestAnimationFrame()

• 请求下一帧函数（时间帧请求）

  • 开启固定60帧频

cancelAnimationFrame()

• 清除时间帧请求

Tween

• new TWEEN.Tween

  • 初始对象

• tween.to

  • 目标对象,运行时长

• tween.easing

  • TWEEN.Easing[a][a里边的子类]
  • 增加缓动效果

• 实时更新执行函数update

  • tween.onUpdate(update);

  • tween.onComplete(complete);

  • tween.repeat(1);

    • 重复

  • tween.yoyo(true);

    • 悠悠球效果，必须基于repeat方法

  • tween.start();

    • 开始缓动

XMind: ZEN - Trial Version