WEB开发网
开发学院网页设计JavaScript jQuery(2)--谈jQuery的整体设计,驳"侵入性太强"... 阅读

jQuery(2)--谈jQuery的整体设计,驳"侵入性太强"

 2010-09-14 13:36:59 来源:WEB开发网   
核心提示: (function xieRan(形参A, 形参B) {alert("my name is " + 形参A + " and I live in " + 形参B);})("xieran", "qingdao");

(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>

那么也就是说我们就立即执行了这个匿名函数.

在这个匿名函数内部究竟执行了什么呢? 我们可以概括的说,其创建了很多个对象,很多个方法,但是这些对象和方法都是作为jQuery这个对象的属性而存在. 其总共向外暴露一个对象就是jQuery,通过一下方式:

window.jQuery = window.$ = function(selector, context) {
    /*
    具体的构造逻辑
    */
  };

也就是说其仅仅使用了window这个对象的两个属性(怎么还能有侵入呢?)

比如我们通常写JavaScript的方式:

<script type="text/javascript">
    var myName = "xieran";
    var myNation = "China";
    var myLoacation = "qingdao";
  </script>

这一下就给window这个对象定义了3个属性,如果你不相信,你可以通过 如下的代码 看看结果:

alert(window.myName);
alert(window.myLoacation);
alert(window.myNation);

之所以这样,是因为缺省情况下,我们在页面中定义的变量等数据,都会作为顶级对象window的成员而存在.

jQuery为了避免跟其他库或者代码冲动,仅使用了少数的几个window属性,何谈"侵入"?

3.就是我则会观点2中谈到的,jQuery使用window的几个属性中的 “$”,其还是仅能算是半个,因为jQuery可以让出其使用权.

相信使用过jQuery的朋友都 知道jQuery有这么一个方法 noConflict(),(其目的就是当我们在一个页面中同时使用到了多个JavaScript库,而其他库又已经使用了$的时候,我们就可以让那个jQuery不再使用这个$),这个方法实现的 思路大体如下:

a.在jQuery内部定义了一个 私有的变量: _$;

b.将window.$对象(这个时候$内部可能保存了其他库的对象) 首先保存在 刚才定义的私有变量里面: _$ = window.$;

c.当我们调用noConflict()的时候,其再把 将保存有其他对象的 _$返回window: window.$ = _$;

d.让jQuery使用其他的符合.

呵呵,jQuery已经没有手表了,也别要他的自行车了.

SpaceBuilder,构建您的空间...

上一页  1 2 

Tags:jQuery jQuery 整体

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接