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