javascript 面向对象编程小记

虽然平常用jquery用的很熟，但是基本都是面向过程的写法。一个事件一个function，很少有面向对象的写法。今天得写一个日期控件，不得不用上面向对象编程。

刚开始我的想法是:

var datepicker = function(){

    return new datepicker.fn.init();

}



datepicker.fn =  datepicker.prototype={

    constructor:datepicker,

    init:function(){



    }

}



datepicker.fn.init.prototype = datepicker.fn;



datepicker.extend =  datepicker.fn.extend = function(){};


//静态方法

datepicker.extend({

    createHtml:function(){  

    }

});

嗯，你没看错，就是仿照Jquery的写法。

但是，事实上，还是我学艺不精，extend里的方法根本无法继承。

这种写法的本意是将extend里的静态方法当成参数，传到extend方法里，然后根据具体的方法名返回相应的function。

而我写的代码里根本就忽略了extend方法，以为只要是一个空的function就可以了。

关于jquery的核心代码以及框架，还是看一下链接吧：

http://nuysoft.iteye.com/blog/1182087

 

所以我还是老老实实的用普通的prototype方法写吧。

var datePicker = function(){

    this.init();

}


// 静态方法

datePicker.prototype = {

    init:function(){

        alert(11111);

    }

};

其实这种写法，也能够将多个静态方法封装起来，当成一个json对象，挂载到prototype里。

然后在创建对象的时候，就可以直接利用this来调用了。