首頁猿問關于jquery源碼分析中一段的疑惑？

關于jquery源碼分析中一段的疑惑？

JavaScript

紫衣仙女 2018-09-05 09:09:10

查看完整描述

1 回答

牛魔王的故事

TA貢獻1830條經驗獲得超3個贊

jq的這種寫法是為了省略一個new。
　　jq的這個$符號其實就是它本身的構造函數的名字。但是在使用jq的時候，都是直接$(...)，沒有見過誰這么寫的new $(...)，這就是jq這種寫法帶來的結果。
具體來說，在jq的基本結構中，你還少了一句很關鍵的語句，那就是——
```
$.prototype.init.prototype = $.prototype;
```
$.prototype.init也是一個構造函數，那么創(chuàng)建出來的實例也是有原型方法的，在使用了上面這句話之后，用new $.prototype.init出來的對象就能夠使用$本身prototype中的實例方法了。
這種寫法其實很別扭，要是直接這樣，會更好理解一點：
```
var $ = function(selector, context) {    return  new fn(selector, context);
}function fn(selector, context) {
    ...
}
fn.prototype = {
    ...
}
```
　　不過jq誕生的年代還沒有現在這種模塊化js編程的理念，直接在標簽里面用文件引用的話，當然會想辦法盡量把變量的數量壓制到最少。要是現在的話，直接export { $ }就行了，中間多余那么多變量也沒問題。