面向对象
类
什么是类
- 类是 面向对象程序设计语言中的一个概念。类(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