分離構造器 2 2

通過new操作符構建乙個物件，一般經過四步：

a.建立乙個新物件

b.將建構函式的作用域賦給新物件（所以this就指向了這個新物件）

c.執行建構函式中的**

d.返回這個新物件

最後一點就說明了，我們只要返回乙個新物件即可。其實new操作符主要是把原型鏈跟例項的this關聯起來，這才是最關鍵的一點，所以我們如果需要原型鏈就必須要new操作符來進行處理。否則this則變成window物件了。

我們來剖析下jquery的這個結構,以下是我們常見的類式寫法:

var $$ = ajquery = function(selector) 
ajquery.fn = ajquery.prototype = ,
constructor: ajquery
}var a = new $$('aaa'); //例項化
a.selectorname() //aaa //得到選擇器名字

首先改造jquery無new的格式，我們可以通過instanceof判斷this是否為當前例項：

var $$ = ajquery = function(selector) 
this.selector = selector;
return this
}

但是注意千萬不要像下面這樣寫：

var $$ = ajquery = function(selector) 
uncaught rangeerror: maximum call stack size exceeded

這樣會無限遞迴自己，從而造成死迴圈並且溢位。

jquery為了避免出現這種死迴圈的問題，採取的手段是把原型上的乙個init方法作為構造器

var $$ = ajquery = function(selector) 
ajquery.fn = ajquery.prototype = ,
constructor: ajquery
}

這樣確實解決了迴圈遞迴的問題，但是又問題來了，init是ajquery原型上作為構造器的乙個方法，那麼其this就不是ajquery了，所以this就完全引用不到ajquery的原型了，所以這裡通過new把init方法與ajquery給分離成2個獨立的構造器。

分離構造器 2 2

22 建構函式

構造器（構造方法）

構造器（構造方法）

分離構造器 2 2

22 建構函式

構造器（構造方法）

構造器（構造方法）

相關推薦