1.使用回调函数作为参数会大大提高程序的灵活性。 我对回调函数很陌生。研究了给出的示例程序，感觉对回调函数有了基本的了解，记录下来以备后用。 2.将回调函数定义为由函数指针调用的函数。 如果你把一个函数的指针(地址)作为参数传递给另一个函数，当这个指针被用来调用它所指向的函数时，我们说它是一个回调函数。 回调函数不是由函数的实现者直接调用，而是在特定事件或条件发生时由另一方调用，这样回调函数内部的方法才能真正执行。 3.代码JS代码1(函数($) {2 $)。fn . shadow = function(opts){ 3//defaults参数4 var defaults = {5 copies: 5，6 opacity:0.1，7 //回调函数8 copy offset:function(index){ 9 return { x:index，y:index }；10 }11 };2//将opts的内容合并到默认值中 13 var期权= $。扩展(默认值、选项)；14 return this . each(function(){ 15 var $ original element = $(this)；16 //设置参数对象17为(var I = 0；我& lt选项.副本；i++)18 { 19 var offset = options . copy offset(I)；20美元原币21元。克隆人()22。css({23 position:'absolute '，24 left:＄original element . offset()。left + offset.x，25 top:＄original element . offset()。top + offset.y，2Margin: 0，27Zindex:-1，28//Set parameter object 29 opacity:options . opa 30 })31。appendto(' body ')；32 }33 });34 };35 })(jQuery)；36 $(单据)。ready(function(){37 $('h1 ')。shadow({38 copies:5，39 copy offset:function(index){ 40 return { x:-index，y:-2 * index }；41 }42 });43 });4.回调函数的机制可以通过调试时分析这段代码的顺序来理解。 向四段黄色背景的代码添加断点。 程序将按以下顺序运行39:首先运行第39行，然后在DOM加载后运行shadow()。跑完39行，不会直接跑40行。 而是直接转移到定义shadow()函数的地方。 这里只公布copyOffset的函数指针。 2:此时检查opts对象{copies = 5，copyOffset = function ()}的内容。从这里我们可以看出，copyOffset只是一个函数()。8: 00，我们开始使用默认参数copyoffset，它和第39行一样，不会直接输入回调函数的内容。 19:到了这里，需要做一个CopyOffset的请求，传入I作为参数。 此时，I是回调函数的参数索引 40:因为13行“var options = $。扩展(默认，选项)" opts的属性会覆盖default的属性，所以不是默认参数第9行回调函数的执行方法，而是取第40行回调函数的方法。 5.总结从上面的分析可以看出，在参数中宣告回调函数的时候，相当于只是宣告了一个委托。 当使用这个参数时，回调函数的内容将被实际执行。 6.附加html代码1 <！DOCTYPE html & gt2 3 & lthtml lang = " en " & gt4 & lthead & gt5 & ltmeta charset="utf-8 " >6 & lttitle & gt开发插件& lt/title & gt；7 8 & ltlink rel = " style sheet " href = " 08 . CSS " type = " text/CSS "/& gt；9 & ltlink rel = " style sheet " href = " ui-themes/smooth/jquery-ui-1 . 10 . 0 . custom . CSS " type = " text/CSS "/& gt；10 11 & ltscript src = " jquery.js " & gt& lt/script & gt；12 & ltscript src = " jquery-ui-1 . 10 . 0 . custom . min . js " & gt；& lt/script & gt；13 & ltscript src = " 08.js " & gt& lt/script & gt；14 & lt/head & gt；15 & ltbody & gt16 & ltdiv id = " container " & gt17 & lth1 & gt库存& lt/h1 & gt；18 & lttable id="inventory " >19 & ltthead & gt20 & lttr class="two " >21 & ltth & gt产品& lt/th & gt；22 & ltth & gt数量& lt/th & gt；23 & ltth & gt价格& lt/th & gt；24 & lt/tr & gt；25 & lt/thead & gt；26 & lttfoot & gt27 & lttr class="two" id="sum " >28 & lttd & gt总计& lt/TD & gt；29 & lttd & gt& lt/TD & gt；30 & lttd & gt& lt/TD & gt；31 & lt/tr & gt；32 & lttr id="average " >33 & lttd & gt平均& lt/TD & gt；34 & lttd & gt& lt/TD & gt；35 & lttd & gt& lt/TD & gt；36 & lt/tr & gt；37 & lt/tfoot & gt；38 & lttbody & gt39 & lttr & gt40 & lttd & gt& lta href = " spam . html " data-tooltip-text = "营养美味！"& gt垃圾邮件& lt/a & gt；& lt/TD & gt；41 & lttd & gt4 & lt/TD & gt；42 & lttd & gt2.50 & lt/TD & gt；43 & lt/tr & gt；44 & lttr & gt45 & lttd & gt& lta href = " egg . html " data-tooltip-text = " Farm fresh or scrambled！"& gt彩蛋& lt/a & gt；& lt/TD & gt；46 & lttd & gt12 & lt/TD & gt；47 & lttd & gt4.32 & lt/TD & gt；48 & lt/tr & gt；49 & lttr & gt50 & lttd & gt& lta href = " gourmet-spam . html " data-tooltip-text = " Hermann主厨的食谱。"& gt美食垃圾邮件& lt/a & gt；& lt/TD & gt；51 & lttd & gt14 & lt/TD & gt；52 & lttd & gt7.89 & lt/TD & gt；53 & lt/tr & gt；54 & lt/tbody & gt；55 & lt/table & gt；56 & lt/div & gt；57 & lt/body & gt；58 & lt/html & gt；& lt/pre & gt；
