jQuery（2）--谈jQuery的整体设计,驳“侵入性太强”

jQuery（2）--谈jQuery的整体设计,驳“侵入性太强”2011-01-30 博客园解然在拙作我所理解的jQuery（1）的留言中,我看到一位朋友写下了"jquery 侵入性太强去死",我不知道是否因为笔者的文章写得不好,得罪了他,让笔者"去死",还是让jQuery"去死". 如果针对笔者个人,这个倒没有什么,最多我就封笔好了,但是如果是说 "jquery 侵入性"而让jQuery"去死",笔者倒是需要说道说道.

首先jQuery不仅侵入性不强,而且封装的很好,可以说非常好.此话何解？

1.我们看jQuery的整个代码,完全封装在一个匿名函数中, 结构大体如下:

（function（） {
      /*
      此处为jQuery的逻辑代码
      */
    }）（）

所有的jQuery代码到封装在这一个匿名函数中了（怎么还能要求再要自行车呢？）！为什么使用匿名函数呢？这个也是为了保证封装,保证在这个函数之外,不能被调用.

匿名函数如何执行呢？其实这里使用了一个技巧,把一个JavaScript代码段,放入一个括号（）中,然后再紧跟一个括号（）,这样就能保证第一括号内的代码段立即执行了,其实我通常把这种结构称为"立即执行函数". 其实命名函数也可以通过这么去立即执行,如下:

<script type="text/javascript">
    （function（） {
      /*
      此处为jQuery的逻辑代码
      */
    }）（）;
    （function xieRan（） {
      alert（"my name is xieran."）;
    }）（）;
  </script>

那么如果你运行这段代码的话,他就会立即弹出一个alert提醒框.当然也可以给立即执行函数传参数,如下:

（function xieRan（形参A, 形参B） {
      alert（"my name is " + 形参A + " and I live in " + 形参B）;
    }）（"xieran", "qingdao"）;

立即执行函数是多么的优雅啊,回想我们原来为了执行一个函数--首先定义这个函数,然后在写一行代码去分步骤执行--是不是原来的写法有点"笨拙",如下:

function xieRan（userName） {
      alert（"my name is " + userName）;
    };
    xieRan（"xieran"）;

命名函数是可以分步骤,但是匿名函数就只能通过立即执行的结构来运行了.

2.我们看jquery究竟给window这个顶级对象干了什么事.

通过上面第一个观点,我们知道整个jQuery就是一个大的匿名函数,同时我们一般都是通过如下的方式把jQuery加载到我们页面（其实就是加载到window这个对象中）中:

<script type="text/javascript" src="YOURPATH/jQuery.js"></script>