智能javascript jquery對象

Question

嗯，我覺得這很有趣，當然，如果我想深入瞭解這些代碼，我肯定會知道他們是如何做到的。我在說的是JQuery庫。看看下面的代碼 -

$.prototype.mymethod=function(str){ 
    alert(str); 
} 

//now call the added method 
$(document).mymethod('hello') //alert out hello 

如果$是一個純正常的JavaScript函數 （不使用jQuery庫），增加的方法不會如預期，除非new關鍵字$

new $(document).mymethod('hello') 

之前前置工作

但是用jQuery，new關鍵字非常可選！

有人可以給我們更多的見解，他們如何做到這一點，而無需我通過他們的圖書館？

編輯： 一個艱苦的奮鬥之後，終於讓我挖出來的上述工作原理（構造 JavaScript對象 不使用new 關鍵字）的實際根源的機制！我相信這將成爲任何渴望學習advanved javascript的人的好參考！

function a(){ 
    return a.prototype; 
} 
a.prototype.fn=function(){ 
    alert('hello') 
} 

a.prototype.test=123; 

console.log(a().test)//123 
a().fn()//alerts out hello 

Answer 1

從source code：

jQuery = function(selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context, rootjQuery); 
}, 

的new，當你調用$(document)已經調用。

如果你想要做同樣的事情jQuery的方式，這裏怎麼會這樣：

var A = function(str){ 
    return new A.prototype.init(str); 
} 
A.prototype.init =function(str){ 
    this.str = str; 
    return this; 
}; 
A.prototype.init.prototype = A.prototype; 

A.prototype.f = function(arg){ // add your function 
    console.log(this.str+' '+arg); 
}; 
A('hello').f('world'); // logs "hello world" 
A('bye').f('bye'); // logs "bye bye"