JavaScript Moduleģʽ(ÒëÎÄ)
JavaScript Module Pattern
£¨
JavaScript
Module
ģʽ£©
À´Ô´£º
1.
http://yuiblog.com/blog/2007/06/12/module-pattern/
2.
http://yuiblog.com/blog/2006/06/01/global-domination/
È«¾Ö±äÁ¿ÊÇÓкܴóΣº¦µÄ¡£ÔÚ
YUI
ÖУ¬ÎÒÃǽö¶¨ÒåÁËÁ½¸öÈ«¾Ö±äÁ¿£º
YAHOO
ºÍ
YAHOO_config
¡£
YUI
ÖнöʹÓÃ
YAHOO
¶ÔÏó²ã´ÎµÄ³ÉÔ±»òÕß¿Éͨ¹ý³ÉÔ±·ÃÎʵıäÁ¿¡£ÎÒÃǽ¨ÒéÔÚÄã×Ô¼ºµÄÓ¦ÓÃÖÐÒ²×ñÑͬÑùµÄ¹æÔò¡£
Douglas
Crockford
ÒѾ½Ì¸øÎÒÃÇÒ»¸öÓÐÓõĵ¥ÀýģʽÀ´ÊµÏִ˹æÔò£¬ÎÒÏëÈç¹ûÄãÊÇ»ùÓÚ
YUI
½øÐй¹½¨£¬ÄÇÄãÒ»¶¨¶Ô´ËºÜ¸ÐÐËȤ¡£
Douglas
³ÆÖ®Îª
”module pattern”
¡£ÏÂÃæÊÇËüµÄ¾ßÌ幤×÷·½Ê½£º
´´½¨Ò»¸ö
namespace
¶ÔÏó
Èç¹ûÄãÕýʹÓÃ
YUI
£¬Äã¿ÉÒÔʹÓÃ
YAHOO.namespace()
·½·¨£º
YAHOO.namespace(“myProject”);
Õâ¸öµ÷Óô´½¨ÁËÒ»¸ö¿Õ¶ÔÏó
myProject
£¬²¢Ê¹Æä³ÉΪ
YAHOO
µÄÒ»¸ö³ÉÔ±±äÁ¿£¨Èç¹û
myProject
ÔÚ
YAHOO
ÖÐÒÑ´æÔÚ£¬²¢²»»á¸²¸ÇËü£©¡£ÏÖÔÚÎÒÃÇ¿ÉÒÔ¿ªÊ¼Îª
YAHOO.myProject
Ìí¼Ó³ÉÔ±¡£
½«ÄäÃûº¯ÊýµÄ·µ»ØÖµ¸³¸øÄãµÄ
namespace
¶ÔÏó
YAHOO.myProject.myModule = function () {
return
{
myPublicProperty: "I'm accessible as
YAHOO.myProject.myModule.myPublicProperty.",
myPublicMethod:
function () {
YAHOO.log("I'm
accessible as YAHOO.myProject.myModule.myPublicMethod.");
}
};
}(); // the parens here cause the anonymous function to execute and
return
×¢Òâ×îºóÒ»ÐеÄÖÐÀ¨ºÅÒÔ¼°Ô²À¨ºÅ
——
Õâ¸ö·ûºÅ´ÙʹÄäÃûº¯ÊýÁ¢¼´Ö´ÐУ¬·µ»ØÁËÒ»¸ö¶ÔÏ󣬸öÔÏó°üº¬
myPublicProperty
ºÍ
myPublicMethod
Á½¸öÊôÐÔ¡£ÄäÃûº¯ÊýÒ»·µ»Ø£¬¸Ã¶ÔÏó¾Í¿ÉÒÔͨ¹
Ïà¹ØÎĵµ£º
½ñÌì¿´µ½Ò»¶ÎÉñµÃÒ»ËúºýÍ¿µÄJavascript´úÂë
(13223342.9269).toFixed(2)=13223342.93;
(13223342.9269).toLocaleString()=13,223,342.93;
formatNum(13223342.9269)=13,223,342.9269;
delFormat(13,223,342.9269)=13223342.9269;
//È¥µô¶ººÅ
function delFormat(str){
return str.replace(/,/g,"");
&n ......
1¡¢»ìºÏµÄ¹¹Ô캯Êý/ÔÐÍ·½·¨
Óù¹Ô캯Êý¶¨Òå¶ÔÏóµÄËùÓзǺ¯ÊýÊôÐÔ£¬ÓÃÔÐÍ·½Ê½¶¨Òå¶ÔÏóµÄº¯ÊýÊôÐÔ(·½·¨)£¬½á¹ûËùÓк¯Êý¶¼Ö»´´½¨Ò»´Î£¬¶øÃ¿¸ö¶ÔÏó¶¼¾ßÓÐ×Ô¼ºµÄ¶ÔÏóÊôÐÔʵÀý¡£
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional. ......
1£ºÖ»ÊÇÌáÐÑ£¬²»ÄܶԽű¾²úÉúÈκθı䣻
2£ºÒ»°ãÓÃÓÚÈ·ÈÏ£¬·µ»Ø true »òÕß false £¬ËùÒÔ¿ÉÒÔÇáËÉÓÃÓÚ if...else...ÅжÏ
3£º Ò»¸ö´øÊäÈëµÄ¶Ô»°¿ò£¬¿ÉÒÔ·µ»ØÓû§ÌîÈëµÄ×Ö·û´®£¬³£¼ûÓÚijЩÁôÑÔ±¾»òÕßÂÛ̳ÊäÈëÄÚÈÝÄÇÀïµÄ ²åÈëUBB¸ñʽͼƬ
<mce:script language="javascript"><!--
function ale()
{//Õâ¸ö»ù±¾Ã»Ó ......
ÓÃJavaScriptÐÞ¸ÄÍøÒ³Ñùʽ
Ò»¡¢¾Ö²¿¸Ä±äÑùʽ
·ÖΪ¸Ä±äÖ±½ÓÑùʽ£¬¸Ä±äclassNameºÍ¸Ä±äcssTextÈýÖÖ¡£ÐèҪעÒâµÄÊÇ£º
×¢Òâ´óСд
£º
javascript¶Ô´óСдʮ·ÖÃô¸Ð£¬className²»Äܹ»°Ñ“N”д³É“n”£¬cssTextÒ²²»Äܹ»°Ñ“T”д³É“t”£¬·ñÔòÎÞ·¨ÊµÏÖЧ¹û¡£
µ÷Ó÷½·¨
£º
Èç¹û¸Ä ......
·½·¨Ò»£ºÊ¹ÓÃFileUpLoad ¿Ø¼þ¶à¸öÖ±½ÓÉÏ´«¡£ÕâÑù×öµÄÎÊÌâ¾ÍÊÇÒªÇóÒ³ÃæÌá½»£¬´Ó¶øµ¼ÖÂһЩ²»Ó¦¸ÃˢеÄÄÚÈÝÔڴ˲Ù×÷¹ý³ÌÖÐÏûʧµô¡£µ«ÊÇÓÃScriptManger À´Åª È´ÓÖ²»ÄÜÉÏ´«ÁË ÔÒòºÜ¼òµ¥ FileUpLoad ¿Ø¼þÒªÇópost¡£ÓÉÓÚÕâ¸öÎÊÌâ ËùÒÔ¶àÊýÈ˶¼ºÜÉÙ²ÉÓÃÕâÖÖ·½·¨£¬²»µÃ²»ÁíѰËü·¨¡£ÏÂÃæµÄ·½·¨¶þ½â¾ö´ËÎÊÌâ¡£
·½·¨¶þ£ºÊ¹ÓÃHtml±êÇ ......