定義jQuery.prototype函數(shù)改變函數(shù)說(shuō)明
在jQuery中使用了一個(gè)工廠方法來(lái)創(chuàng)建一個(gè)實(shí)例，這個(gè)方法位于jQuery.prototype中, 現(xiàn)在我們重新來(lái)定義Shaka.prototype, 給它添加一個(gè)init方法用于返回一個(gè)Shaka的實(shí)例, 并且把Shaka的構(gòu)造函數(shù)稍稍改變一下:
- var Shaka = function(age) { return new Shaka.fn.init(age); };
- ShakaShaka.fn = Shaka.prototype =
- {
- init: function(age) { this.age = age; return this; },
- sayHello: function() { alert('I am a little baby, my age is ' + this.age + ' years old.'); }
- }
- ;
Shaka.fn.init.prototype = Shaka.fn;//這里new Shaka.fn.init(age)創(chuàng)建的對(duì)象具有init方法的prototype指向?qū)ο蟮姆椒?, 因此我們將init方法的prototype指向 Shaka的prototype, 這樣創(chuàng)建出來(lái)的對(duì)象就具有了Shaka.prototype里面定義的方法。OK，現(xiàn)在我們的小寶寶變成大一點(diǎn)的寶寶了，打個(gè)招呼先:
- Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- </head>
- <body>
- <script type="text/javascript">
- var Shaka = function(age) { return new Shaka.fn.init(age); };
- ShakaShaka.fn = Shaka.prototype = {
- init: function(age) { this.age = age; return this; },
- sayHello: function() { alert('I am a little big baby, my age is ' + this.age + ' years old.'); }
- };
- ShakaShaka.fn.init.prototype = Shaka.fn;
- Shaka(2).sayHello();
- </script>
- </body>
- </html>
嗯，好象有點(diǎn)樣子了，但是光這樣還不行，來(lái)點(diǎn)實(shí)際的, 我們?cè)谛驴蚣苤袑?shí)現(xiàn)jquery里val()方法的部分功能，這個(gè)方法不加參數(shù)調(diào)用時(shí)返回指定ID的input的值，加參數(shù)時(shí)為設(shè)定這個(gè)input的值，與JQuery.prototype一樣，我們約定使用id來(lái)查找對(duì)象時(shí)使用"#"符號(hào)。#t#
把要查找的目標(biāo)ID作為構(gòu)造函數(shù)的參數(shù)傳進(jìn)去，我們給JQuery.prototype添加一個(gè)val()方法, 給Shaka添加一個(gè)selector的屬性用于存儲(chǔ)我們要查找的目標(biāo)。:
