JS之用面向對象和傳統過程式編程
一、過程式編程
如下圖所示，爲了實現一個div元素的拖拽功能寫的代碼，這是過程式編程的寫法，當JS代碼較少時，沒必要使用面向對象。殺雞無需用牛刀。
二、面向對象
改寫成面向對象時，可先將普通函數變型，再改成面向對象。
普通方法變型
普通方法變型，變型有3個原則
1）儘量不要出現函數嵌套函數
2）可以用全局變量
3）把onload中不是賦值的語句放到單獨函數中
如下代碼中，完成了普通函數的變型。
改成面向對象
步驟如下：
1）全局變量作爲屬性，放在構造函數中
2）函數作爲方法，放在原型中
3）在onload中創建對象
4）修改this的指向問題。
修改後的代碼如下：
如果再有另外幾個元素需要拖拽，只有創建對象，執行相應函數就行了，代碼複用性高。
三、總結
面向對象其實就是在模擬系統對象的行爲。比如數組對象的sort、push方法，插拔式的隨插隨用，還可以組合使用。