定義jQuery.prototype函數(shù)改變函數(shù)說明
作者：佚名
到目前為止我們已經(jīng)創(chuàng)建一個可以工作的框架雛形，為了使程序可以更方便地被調(diào)用，比如JQuery.prototype可以使用$符號來簡寫。
在jQuery中使用了一個工廠方法來創(chuàng)建一個實例，這個方法位于jQuery.prototype中, 現(xiàn)在我們重新來定義Shaka.prototype, 給它添加一個init方法用于返回一個Shaka的實例, 并且把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)建的對象具有init方法的prototype指向?qū)ο蟮姆椒?, 因此我們將init方法的prototype指向 Shaka的prototype, 這樣創(chuàng)建出來的對象就具有了Shaka.prototype里面定義的方法。OK，現(xiàn)在我們的小寶寶變成大一點(diǎn)的寶寶了，打個招呼先:
- 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)樣子了，但是光這樣還不行，來點(diǎn)實際的, 我們在新框架中實現(xiàn)jquery里val()方法的部分功能，這個方法不加參數(shù)調(diào)用時返回指定ID的input的值，加參數(shù)時為設(shè)定這個input的值，與JQuery.prototype一樣，我們約定使用id來查找對象時使用"#"符號。#t#
把要查找的目標(biāo)ID作為構(gòu)造函數(shù)的參數(shù)傳進(jìn)去，我們給JQuery.prototype添加一個val()方法, 給Shaka添加一個selector的屬性用于存儲我們要查找的目標(biāo)。:
責(zé)任編輯：chenqingxiang
來源：
CSDN
