2018-11-26 面向对象5

1、类与对象

类: 类就是在构造函数上一层额封装。
对象: 通过类实例创建的。具体的能够操作的对象。

class StuClass {

}

var StuClass = class{

}

constructor :
类的构造函数,每一个类都具有的。即使没有申明,那么系统也会默认添加一个空的构造函数。
自动调用的,类在实例对象的时候自动调用,自动传参。

类里面的成员方法都是创建在原型上的。

类里面可以使用static的关键字申明一个静态的方法。这个方法不需要类实例化对象,而是使用类本身调用的。静态方法内部的this指的是类本身。

类使用extends关键字实现类的继承
class child extends father{

}

子类也必须具有一个constructor的构造函数,如果没有,那么继承父类的,如果有那么使用自己的,子类的构造函数里面必须调用父类的构造函数,也就是必须要运行
super()函数。

其他的地方或者方法中想要调用父类的其他方法,则使用super.方法来实现。super表示父类。

bind(), call ,apply 都可以偏正一个函数内部的this。

案例:
拖拽事件:
1.将左边图片设置位拖动




    
    Document
    


    
qwdeqw
asdsa

效果如下:


2018-11-26 面向对象5_第1张图片
day45拖拽事件.jpg
2018-11-26 面向对象5_第2张图片
day45拖拽事件1.jpg

相似将右边图片设置位拖动




    
    Document
    


    
qwdeqw
asdsa
2018-11-26 面向对象5_第3张图片
day45拖拽事件.jpg

2018-11-26 面向对象5_第4张图片
day45拖拽事件2.jpg

你可能感兴趣的:(2018-11-26 面向对象5)