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