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来调用了。