拖拽的繼承寫法

2021-09-25 14:08:36 字數 542 閱讀 4563

通過物件導向的方法,我們可以簡單建立無數個具有相同功能的div。但是我們如果像讓其中乙個有自己的功能,這就實現不了了。因為要修改原型中的方法,全部都有受影響。所以我們要採用乙個子類的建構函式,讓有了父類的基礎功能上,再加上自己的獨有的功能。

1.建立乙個子類的建構函式,使用call方法繼承父級的靜態屬性

2.隨後是父級的方法繼承,這時候我們需要先定義乙個封裝函式,將父類的原型上的內容全部拷貝乙份到子類的原型上

3.這時子類的原型指向位址就不是父類的位址,就可以往裡面新增方法了,但是要把原本裡面的函式寫入後,再新增新的功能

4.最後創造子類的例項物件,就可以實現具有自己的功能了

拖拽的物件導向寫法

上面是面向過程的寫法,而下面將講解如果寫物件導向的寫法,物件導向其實就是建立乙個建構函式,把執行函式寫到原型上面,然後可以通過建立例項物件的方法可以實現重複的呼叫。1.首先,建立出乙個建構函式,然後將出現的函式,從最裡面的執行函式依次寫到原型上,不可以出現函式巢狀,在最外層的函式裡面呼叫裡面的函式,...

拖拽的元件化寫法

需求 d1拖拽前新增字型 d2拖動時顏色變換 d3抬起時彈出對話方塊 繼承 可以實現,不過要在各自的原型上加上自己的業務邏輯,關鍵是不能互用,而且每乙個div都要寫一套 元件化 把這些功能的函式名寫在建構函式的原型中,如果這個div要實現這個功能,就傳入對應的引數實現功能,關鍵點在於傳不同引數實現不...

物件導向 拖拽與繼承

面向過程的拖拽 物件導向的拖拽 繼承 繼承父類的屬性和方法。屬性通過call來繼承,原型通過乙個for迴圈來實現繼承。如下 function limitdrag id for var i in drag.prototype limitdrag.prototype.fnmove function ev...