上面是面向过程的写法,而下面将讲解如果写面向对象的写法,面向对象其实就是创建一个构造函数,把执行函数写到原型上面,然后可以通过创建实例对象的方法可以实现重复的调用。
1.首先,创建出一个构造函数,然后将出现的函数,从最里面的执行函数依次写到原型上,不可以出现函数嵌套,在最外层的函数里面调用里面的函数,不过不能直接调用,因为调用的是window,会摆错,所以要在前面加上that,然后在最外层的函数定义var that = this,此时this为构造函数。
2.最后还要在原型上创建一个init函数,里面是触发的元素事件,所以需要获取到元素和写出执行函数
3.元素是作为全局的变量,不能单独在某个执行函数里面定义var,所以需要在构造函数中使用this.oDiv 获取到元素,这时候的构造函数就是全局,定义的属性都是放在全局构造函数中,但一般先不赋值,在引用的函数内在赋值就可
4.这时候,就需要把原型上的所有执行函数的全局变量都附上this指向了
5.最后创建一个实例,调用init方法,就创建成功了
拖拽的面向对象写法
最新推荐文章于 2021-03-17 20:53:47 发布