Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

JavascriptÃæÏò¶ÔÏó±à³Ì£¨¶þ£©£º¼Ì³Ð


ZT:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html
ÉÏÒ»´ÎµÄÎÄÕ£¬Ö÷Òª½éÉÜÁËÈçºÎ"·â×°"Êý¾ÝºÍ·½·¨£¬´ÓÔ­ÐͶÔÏóÉú³ÉʵÀý¡£
½ñÌìÒª½éÉܵÄÊÇ£¬¶à¸öÔ­ÐͶÔÏóÖ®¼äÈçºÎ"¼Ì³Ð"¡£
±ÈÈ磬ÏÖÔÚÓÐÒ»¸ö"¶¯Îï"¶ÔÏó£¬
¡¡¡¡function Animal(){
¡¡¡¡¡¡¡¡this.species = "¶¯Îï";
¡¡¡¡}
»¹ÓÐÒ»¸ö"è"¶ÔÏó£¬
¡¡¡¡function Cat(name,color){
¡¡¡¡¡¡¡¡this.name = name;
¡¡¡¡¡¡¡¡this.color = color;
¡¡¡¡}
ÔõÑù²ÅÄÜʹ"è"¼Ì³Ð"¶¯Îï"ÄØ£¿
1. Ô­ÐͶÔÏó°ó¶¨
×î¼òµ¥µÄ·½·¨£¬´ó¸Å¾ÍÊÇʹÓÃcall»òapply·½·¨£¬½«¸¸¶ÔÏó°ó¶¨ÔÚ×Ó¶ÔÏóÉÏ£¬Ò²¾ÍÊÇÔÚ×Ó¶ÔÏóº¯ÊýÖмÓÒ»ÐУº
¡¡¡¡function Cat(name,color){
¡¡¡¡¡¡¡¡Animal.apply(this, arguments);
¡¡¡¡¡¡¡¡this.name = name;
¡¡¡¡¡¡¡¡this.color = color;
¡¡¡¡}
¡¡¡¡var cat1 = new Cat("´óë","»ÆÉ«");
¡¡¡¡alert(cat1.species); // ¶¯Îï
2. prototypeģʽ
¸ü³£¼ûµÄ×ö·¨£¬ÔòÊÇʹÓÃprototypeÊôÐÔ¡£
Èç¹û"è"µÄprototype¶ÔÏó£¬Ö¸ÏòÒ»¸öAnimalµÄʵÀý£¬ÄÇôËùÓÐ"è"µÄʵÀý£¬¾ÍÄܼ̳ÐAnimalÁË¡£
¡¡¡¡Cat.prototype = new Animal();
¡¡¡¡Cat.prototype.constructor = Cat;
¡¡¡¡var cat1 = new Cat("´óë","»ÆÉ«");
¡¡¡¡alert(cat1.species); // ¶¯Îï
´úÂëµÄµÚÒ»ÐУ¬ÎÒÃǽ«CatµÄprototype¶ÔÏóÖ¸ÏòÒ»¸öAnimalµÄʵÀý¡£
¡¡¡¡Cat.prototype = new Animal();
ËüÏ൱ÓÚÍêȫɾ³ýÁËprototype ¶ÔÏóÔ­ÏȵÄÖµ£¬È»ºó¸³ÓèÒ»¸öÐÂÖµ¡£µ«ÊÇ£¬µÚ¶þÐÐÓÖÊÇʲôÒâË¼ÄØ£¿
¡¡¡¡Cat.prototype.constructor = Cat;
Ô­À´£¬ÈκÎÒ»¸öprototype¶ÔÏó¶¼ÓÐÒ»¸öconstructorÊôÐÔ£¬Ö¸ÏòËüµÄ¹¹Ô캯Êý¡£Ò²¾ÍÊÇ˵£¬Cat.prototype Õâ¸ö¶ÔÏóµÄconstructorÊôÐÔ£¬ÊÇÖ¸ÏòCatµÄ¡£
ÎÒÃÇÔÚǰһ²½ÒѾ­É¾³ýÁËÕâ¸öprototype¶ÔÏóÔ­À´µÄÖµ£¬ËùÒÔеÄprototype¶ÔÏóûÓÐconstructorÊôÐÔ£¬ËùÒÔÎÒÃDZØÐëÊÖ¶¯¼ÓÉÏÈ¥£¬·ñÔòºóÃæµÄ"¼Ì³ÐÁ´"»á³öÎÊÌâ¡£Õâ¾ÍÊǵڶþÐеÄÒâ˼¡£
×ÜÖ®£¬ÕâÊǺÜÖØÒªµÄÒ»µã£¬±à³ÌÖÐÎñ±ØÒª×ñÊØ¡£ÏÂÎͼ×ñÑ­ÕâÒ»µã£¬¼´Èç¹ûÌæ»»ÁËprototype¶ÔÏó£¬
¡¡¡¡o.prototype = {};
ÄÇô£¬ÏÂÒ»²½±ØÈ»ÊÇΪеÄprototype¶ÔÏó¼ÓÉÏconstructorÊôÐÔ£¬²¢½«Õâ¸öÊôÐÔÖ¸»ØÔ­À´µÄ¹¹Ô캯Êý¡£
¡¡¡¡o.prototype.constructor = o;
3. Ö±½Ó¼Ì³Ðprototype
ÓÉÓÚAnimal¶ÔÏóÖУ¬²»±äµÄÊôÐÔ¶¼¿ÉÒÔÖ±½ÓдÈëAnimal.prototype¡£ËùÒÔ£¬ÎÒÃÇÒ²¿ÉÒÔÈÃCat()Ìø¹ý Animal()£¬Ö±½Ó¼Ì³ÐAnimal.prototype¡£
ÏÖÔÚ£¬ÎÒÃÇÏȽ«Animal¶ÔÏó¸Äд£º
¡¡


Ïà¹ØÎĵµ£º

javascriptЧÂʾ­Ñé̸(Ò»)

±¾ÎÄÖ÷ÒªÊdzöÓÚÓÐÅóÓÑʹÓÃÎÒÔ­À´Ð´µÄautocompleteµÄJS¿Ø¼þ¡£µ±Êý¾ÝÁ¿´óµÄʱºò£¬»á³öÏÖЧÂʼ«ÆäÂýµÄÇé¿ö£¬ÎÒÔÚÕâ¶Îʱ¼ä×ö³öµÄһЩ²âÊÔÒ²¼°Ò»Ð©¾­Ñ飬Óë´ó¼Ò·ÖÏí£¬Èç¹ûÓдíµÄµØ·½£¬»¹ÇëÖ¸³ö¡£
¾­¹ý²âÊÔ£¬ÎÒÃǻᷢÏÖÈçϵÄÇé¿ö»òÕß˵µÄ½áÂÛ£¬Èç¹ûÄúµÄ²âÊÔ½á¹ûÓëÎҵIJ»·û£¬Çë˵Ã÷Ô­Òò£¬ÒÔ±ãÏ໥ѧϰ¡£
1£©µ±Ò»¸ö½Ï´óµÄHTML×Ö· ......

JavaScriptÖÐÄÚÖöÔÏó

JavaScriptÖÐÌṩÁËһЩ·Ç³£ÓÐÓõÄÄÚ²¿¶ÔÏó×÷Ϊ¸ÃÓïÑԹ淶µÄÒ»²¿·Ö£¬Ã¿Ò»¸öÄÚ²¿¶ÔÏó¶¼ÓÐһЩ·½·¨ºÍÊôÐÔ¡£
JavaScriptÖÐÌṩµÄÄÚ²¿¶ÔÏó°´Ê¹Ó÷½Ê½¿ÉÒÔ·ÖΪ¶¯Ì¬¶ÔÏóºÍ¾²Ì¬¶ÔÏó¡£
¶¯Ì¬¶ÔÏó£ºÔÚÒýÓÃËûµÄÊôÐԺͷ½·¨ÊÇ£¬±ØÐëʹÓÃnew¹Ø¼ü×Ö´´½¨Ò»¸ö¶ÔÏóʵÀý£¬È»ºó²Å¿ÉÒÔʹÓÓ¶ÔÏóʵÀýÃû.³ÉÔ±”µÄ¸ñʽÀ´·ÃÎÊÆäÊôÐԺͷ½ ......

ÔÚÍøÉÏÕÒµÄjavascriptµÄÄÚÖöÔÏóµÄ×ÊÁÏ

JavaScriptÓµÓÐÄÚÖöÔÏóºÍ×Ô¶¨Òå¶ÔÏó£¬ÊÂʵÉϸ÷ÖÖÊý¾ÝÀàÐ͵ıäÁ¿¶¼ÊôÓÚÒ»ÖÖ¶ÔÏ󣬱äÁ¿ÔÚÉùÃ÷ºÍ¸³ÖµºóÂíÉÏÓµÓжÔÓ¦µÄ·½·¨ºÍ¶ÔÏó¡£
¡¡¡¡1.JavaScriptÄÚÖöÔÏóµÄÖÖÀà
¡¡¡¡JavaScript¶ÔÏóÒÀÕÕ½¨Á¢·½Ê½²»Í¬¿É·ÖΪʹÓñäÁ¿ÉùÃ÷µÄÒþÐÔ¶ÔÏóºÍʹÓÃnewÃüÁî¶ÔÁ¢¶ÔÏ󸱱¾µÄÏÔÐÔ¶ÔÏó¡£
¡¡¡¡
¡¡¡¡ÒþÐÔ¶ÔÏó(Implicit[im'plisit] Object ......

javascript this Ó÷¨

Ô­ÎĵØÖ·£ºhttp://www.cnblogs.com/daniel-shen/archive/2006/07/12/449280.html
javascript ÖÐthis µÄÓ÷¨:
1.<div onclick="// ¿ÉÒÔÔÚÀïÃæÊ¹ÓÃthis">division element</div> this Ö¸Ïòdiv
2.    <div id="elmtDiv">division element</div>
    &nbs ......

javascriptµÄhistory.go( 1)

javascriptµÄhistory.go(-1)
echo '<script language="javascript">{alert("ÁôÑÔ²»ÄÜΪ¿Õ!");history.go(-1);}</script>';}
echo '<script language="javascript">{alert("ÁôÑÔ²»ÄÜΪ¿Õ!");return true;}</script>';}
ÕâÊDz»Ë¢ÐÂÒ³ÃæµÄ·½Ê½ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ