2012-01-16 By BeiYuu

作为[jQeury解构][2]中的一个小系列，面向对象和jQuery主要集中看一下jQuery内部的实现以及一些面向对象的概念。

学习面向对象编程的最好的办法就是去研究一个真正的框架
学习框架最好的办法就是深入研究面向对象的概念

jQueyr core是jQuery最重要的部分，其中有五个重要的概念：变量、函数、对象、原型和继承。这些相当于大脑中的垂体，也是面向对象的精髓所在。

jQuery所有的功能都包含在jQuery这个全局变量中。在core.js中有两个jQuery变量，一个全局的，一个局部的。我们现在就来分析一下这两个变量，他们存在的形式大致如下：

// global jQuery
var jQuery = (function() {
  // local jQuery
  var jQuery = function( selector, context ) {
    // ...
  }
})();

下面这个就是局部的变量存在的形式：

// local jQuery
var jQuery = function( selector, context ) {
  // ...
}

函数在Javascript中就是数据。这也就意味着下面这两种定义函数的方法是一样的：

// local jQuery
function jQuery( selector, context ){
  //...
}
// local jQuery
var jQuery = function( selector, context ){
  //...
}

在定义全局变量jQuery的时候，你看到：

// global jQuery
var jQuery = (function() {
  //...
})();

我们把function剥离出来，就是：

function() {
  //...
}

数据在JS的存储中可以使匿名的，比如下面这段字符串就可以存在于JS中，而不会报错：

"I am data and I don’t cause error."

根据我们在第一点中提到的，函数就是数据，数据可以匿名，所以函数也可以匿名存在，所以我们上面的代码不会报任何错误。那么匿名函数有什么用呢，我们后面来看。

匿名函数的一个好处就是他可以自动执行，例如，你执行下面的代码，那么在页面加载完成的时候，就会输出内容：

var jQuery = (function() {
  console.log("I am self-invoking.");
})();

我们为什么要用匿名函数呢，因为这样你就可以让函数执行，而且不需要增加一个全局变量。jQuery用匿名函数来做初始化的工作。

[1]: {{ page.url}} ({{ page.title }}) [2]: /decoding-jquery/ "jQuery解构"