AI智能
改变未来

JavaScript13—面向对象


面向对象

什么是类

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

  • 赞(0) 打赏
    未经允许不得转载:爱站程序员基地 » JavaScript13—面向对象