• 核心機(jī)制——對象的構(gòu)建

1、構(gòu)造函數(shù)

面向?qū)ο?OOP)的語言都有一個(gè)特點(diǎn)，它們都會(huì)有類的這一概念，通過類可以抽象出創(chuàng)建具體相同方法與屬性的對象。但是，JavaScript是一門基于原型的語言，在ECMAScript中是沒有類的概念(之后的ES6中添加了Class)，但是可以通過基于構(gòu)造函數(shù)來實(shí)現(xiàn)繼承

在JavaScript世界中函數(shù)作為“一等公民”，它不僅擁有一切傳統(tǒng)函數(shù)的使用方式（聲明和調(diào)用），而且可以做到像簡單值一樣賦值、傳參、返回。不僅如此，而且還可以通過操作符new來充當(dāng)類的構(gòu)造器。

但函數(shù)充當(dāng)類的構(gòu)造器的時(shí)候，原型prototype是構(gòu)造函數(shù)的一個(gè)重要屬性, 該屬性指向一個(gè)對象。而這個(gè)對象將作為該構(gòu)造函數(shù)所創(chuàng)建的所有實(shí)例的基引用(base reference), 可以把對象的基引用想像成一個(gè)自動(dòng)創(chuàng)建的隱藏屬性。
當(dāng)訪問對象的一個(gè)屬性時(shí), 首先查找對象本身, 找到則返回；若不, 則查找基引用指向的對象的屬性(如果還找不到實(shí)際上還會(huì)沿著原型鏈向上查找, 直至到根)。 關(guān)于構(gòu)造函數(shù)和原型更多的知識(shí)可以參考我這篇文章 xxxxxxxxxxxxx,

2、new操作符

首先我們來看一個(gè)構(gòu)造函數(shù)的例子：

//這里為了區(qū)分構(gòu)造函數(shù)和普通函數(shù)，將構(gòu)造函數(shù)的首個(gè)字母大寫以示區(qū)分
function AjQuery() {
    this.name = 'jQuery';
    this.sayName = function(){
      return this.name
   }
}
var a = new AjQuery()
var b = new AjQuery()
var c = new AjQuery()

• 在JavaScript中是通過new操作符來實(shí)例化對象的，這里我們知道構(gòu)造函數(shù)AjQuery()有一個(gè)屬性和方法。當(dāng)通過new操作符實(shí)例化對象的時(shí)候，構(gòu)造函數(shù)中的this會(huì)指向當(dāng)前實(shí)例化對象本身。

除此之外，我們看一下實(shí)例化對象是如何實(shí)現(xiàn)繼承的：

• 上面的這些實(shí)例化的對象的屬性一模一樣，都是對this的引用來處理;每一個(gè)實(shí)例都會(huì)復(fù)制sayName方法，每個(gè)方法屬性都占用一定的內(nèi)存的空間，所以如果把所有屬性方法都聲明在構(gòu)造函數(shù)中，就會(huì)無形的增大很多開銷，并且當(dāng)其屬性和方法比較多的時(shí)候看起來結(jié)構(gòu)也比較混亂。那么我們看一下基于原型的寫法：

function AjQuery() {
    this.name = 'jQuery'
}
AjQuery.prototype = {
    sayName: function(){
        return this.name
    }
}
var a = new AjQuery()
var b = new AjQuery()
var c = new AjQuery()

上面這種寫法的好處是new產(chǎn)生的a,b,c三個(gè)實(shí)例對象共享了原型的sayName方法，這樣可以節(jié)省內(nèi)存空間，而且邏輯上更清晰了。

3、jQuery中不采用new操作符

下面我們直接放一段jQuery中的代碼

jQuery = function( selector, context ) {
    return  new jQuery.fn.init( selector, context );
}
jQuery.fn=jQuery.prototype = {
    init:function(){
        return this
    },
    jquery: version,
    constructor: jQuery,
    .......
}

var a= $();

通過上面的源碼，我們可以發(fā)現(xiàn)jQuery創(chuàng)建對象并沒有采用new操作符，而是通過return返回一個(gè)new出來的對象，與上面的new操作符實(shí)例化對象的方式還是有很大區(qū)別的。
可能大家看到上面一段源碼有點(diǎn)懵逼吧，那么目前對上面大概印象就好了，下面可以進(jìn)入下一篇文章核心機(jī)制——分離構(gòu)造器來了解為什么會(huì)這樣寫源碼。