定义jQuery.prototype函数改变函数说明

开发 开发工具
到目前为止我们已经创建一个可以工作的框架雏形,为了使程序可以更方便地被调用,比如JQuery.prototype可以使用$符号来简写。

在jQuery中使用了一个工厂方法来创建一个实例,这个方法位于jQuery.prototype中, 现在我们重新来定义Shaka.prototype, 给它添加一个init方法用于返回一个Shaka的实例, 并且把Shaka的构造函数稍稍改变一下:

  1. var Shaka = function(age) { return new Shaka.fn.init(age); };  
  2. ShakaShaka.fn = Shaka.prototype =   
  3. {   
  4. init: function(age) { this.age = age; return this; },  
  5. sayHello: function() { alert('I am a little baby, my age is ' + this.age + ' years old.'); }  
  6. }  

Shaka.fn.init.prototype = Shaka.fn;//这里new Shaka.fn.init(age)创建的对象具有init方法的prototype指向对象的方法 , 因此我们将init方法的prototype指向 Shaka的prototype, 这样创建出来的对象就具有了Shaka.prototype里面定义的方法。OK,现在我们的小宝宝变成大一点的宝宝了,打个招呼先:

  1. Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. </head> 
  6. <body> 
  7. <script type="text/javascript"> 
  8. var Shaka = function(age) { return new Shaka.fn.init(age); };  
  9. ShakaShaka.fn = Shaka.prototype = {  
  10. init: function(age) { this.age = age; return this; },  
  11. sayHello: function() { alert('I am a little big baby, my age is ' + this.age + ' years old.'); }  
  12. };  
  13. ShakaShaka.fn.init.prototype = Shaka.fn;  
  14. Shaka(2).sayHello();  
  15. </script> 
  16. </body> 
  17. </html> 

嗯,好象有点样子了,但是光这样还不行,来点实际的, 我们在新框架中实现jquery里val()方法的部分功能,这个方法不加参数调用时返回指定ID的input的值,加参数时为设定这个input的值,与JQuery.prototype一样,我们约定使用id来查找对象时使用"#"符号。#t#

把要查找的目标ID作为构造函数的参数传进去,我们给JQuery.prototype添加一个val()方法, 给Shaka添加一个selector的属性用于存储我们要查找的目标。:

责任编辑:chenqingxiang 来源: CSDN
相关推荐

2010-02-02 18:14:38

Python函数

2010-01-26 14:23:50

C++类

2010-01-18 13:54:28

函数

2010-01-26 10:42:26

C++函数

2011-02-23 10:21:18

ProFTPd参数

2011-11-28 15:26:40

Nginx配置

2011-02-25 09:56:30

Proftpd

2010-02-01 10:04:25

Python模板函数

2011-02-25 11:29:33

ProFTP参数

2010-10-09 09:10:20

JavaScriptalert

2011-03-31 15:31:06

Redhat配置nagios

2011-07-06 10:14:46

C#

2011-07-20 10:45:36

sqlite数据库sqlite扩展函数

2009-09-09 13:39:05

Linq用户定义函数

2010-06-18 09:13:14

Linux Accep

2024-01-17 06:23:35

SwiftTypeScript定义函数

2010-02-24 16:44:58

Python 函数

2010-01-14 17:08:10

C++日期

2010-09-14 16:47:23

SQL自定义函数

2010-01-28 10:49:22

C++构造函数
点赞
收藏

51CTO技术栈公众号