jquery中的構造函數充分利用了javascript語言的動態性。由於對行參數的類型和個數沒有嚴格的要求,壹個函數可以滿足多個函數的要求。接下來會在文章中詳細介紹jQuery中的構造函數,有壹定的參考作用,希望對大家有所幫助。
推薦教程:jQuery教程
JQuery是壹個面向對象的js庫,它也包含構造函數。每次調用jQuery方法都會實例化壹個jQeury對象,但jQuery寫得更巧妙。
ECMA標準定義JS中的對象是無序屬性的集合,其屬性可以包括基本值、對象或函數。可以簡單理解為JS的對象是壹組無序的值,其中的屬性或方法有壹個名字,根據名字可以訪問映射的值,可以是基本值、對象或方法。
示例:JavaScript中的構造器案例
& lt腳本& gt
函數學生(姓名,年齡){
this.name = name
this.age =年齡;
}
學生.原型= {
建造師:學生,
演示:函數(){
Document.write(this.name+“本年”+this.age+“年份”);
}
}
Var stu1 =新生(“小明”,20);
stu 1 . demo();
& lt/script & gt;渲染:
接下來,我們來看看jQuery中構造函數的編寫。
var jQuery = function(選擇器,上下文){
返回new jQuery.fn.init(選擇器,上下文,root jquery);
}
jQuery.fn = jQuery.prototype = {
init: function(選擇器,上下文,rootjQuery) {
// ...}
}
jquery . fn . init . prototype = jquery . fn;上面的代碼是jQuery構造函數中的關鍵代碼。可以看出,jQuery中真正的構造函數是init方法。當我們調用jQuery時,我們將返回new init()的結果,而不是直接返回new jQuery()。也就是說,當對象被實例化時,不需要新的jQuery()。
jQuery.fn = jQuery.prototype = {...}
jquery . fn . init . prototype = jquery . fn;說明函數是jQuery的原型對象,通過它實現對象的實例化功能。最後將jQuery的prototype對象的復數值賦予init () prototype對象,這樣init()函數就擁有了jQuery中prototype的所有方法。
總結: