拖拽的面向对象写法

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值