javascript 面向对象编程小记
2013-07-08 20:49
253 查看
虽然平常用jquery用的很熟,但是基本都是面向过程的写法。一个事件一个function,很少有面向对象的写法。今天得写一个日期控件,不得不用上面向对象编程。
刚开始我的想法是:
嗯,你没看错,就是仿照Jquery的写法。
但是,事实上,还是我学艺不精,extend里的方法根本无法继承。
这种写法的本意是将extend里的静态方法当成参数,传到extend方法里,然后根据具体的方法名返回相应的function。
而我写的代码里根本就忽略了extend方法,以为只要是一个空的function就可以了。
关于jquery的核心代码以及框架,还是看一下链接吧:
/article/3765271.html
所以我还是老老实实的用普通的prototype方法写吧。
其实这种写法,也能够将多个静态方法封装起来,当成一个json对象,挂载到prototype里。
然后在创建对象的时候,就可以直接利用this来调用了。
刚开始我的想法是:
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的核心代码以及框架,还是看一下链接吧:
/article/3765271.html
所以我还是老老实实的用普通的prototype方法写吧。
var datePicker = function(){ this.init(); } // 静态方法 datePicker.prototype = { init:function(){ alert(11111); } };
其实这种写法,也能够将多个静态方法封装起来,当成一个json对象,挂载到prototype里。
然后在创建对象的时候,就可以直接利用this来调用了。
相关文章推荐
- Javascript 面向对象编程(一):封装
- javascript面向对象编程
- JAVASCRIPT 面向对象编程 通用翻页控件
- JavaScript基础系列之四 面向对象编程
- Javascript面向对象编程(二):构造函数的继承
- javascript基础 面向对象编程
- JavaScript:面向对象编程的模拟实现方法(三)
- Javascript面向对象编程(二):构造函数的继承
- Javascript面向对象编程(二):构造函数的继承
- JavaScript面向对象编程(1)-- 基础
- javascript面向对象编程方式
- Javascript面向对象编程二
- 再谈javascript面向对象编程
- javascript面向对象编程-1
- Javascript面向对象编程(二):构造函数的继承
- (转)Javascript 面向对象编程(一):封装(作者:阮一峰)
- Javascript面向对象编程(三):非构造函数的继承
- Javascript面向对象编程之二:类的定义
- 深入理解JavaScript系列(17):面向对象编程之概论
- 小记Javascript的闭包中递归调用