JavaScriptʵÏÖÀàµÄ¼Ì³Ð
ÔÚJavaScriptÖÐûÓÐרÃŵĻúÖÆÀ´ÊµÏÖÀàµÄ¼Ì³Ð£¬µ«ÊÇ¿ÉÒÔͨ¹ý¿½±´Ò»¸öÀàµÄprototypeµ½ÁíÍâÒ»¸öÀàÀ´ÊµÏּ̳У¬Ò»ÖÖ¼òµ¥µÄʵÏÖÈçÏ£º
function class1(){
}
function class2(){
}
class2.prototype=class1.prototype;
class2.prototype.moreProperty="xxx";
class2.prototype.moreMethod1=function(){
}
var obj = new class2();
ÕâÑù£¬Ê×ÏÈÊÇclass2ºÍclass1¾ßÓÐÒ»ÑùµÄprototype£¬²»¿¼Âǹ¹Ô캯Êý£¬Á½¸öÀàÊǵȼ۵ģ¬Ëæºó£¬ÓÖͨ¹ýprototype¸øclass2¸³ÓèÁËÁ½¸ö¶îÍâµÄ·½·¨£¬ËùÒÔclass2ÊÇÔÚclass1µÄ»ù´¡ÉÏÔö¼ÓÁËÊôÐԺͷ½·¨£¬Õâ¾ÍʵÏÖÁËÀàµÄ¼Ì³Ð¡£
JavaScriptÌṩinstanceof²Ù×÷·ûÀ´ÅжÏÒ»¸ö¶ÔÏóÊÇ·ñÊÇij¸öÀàµÄʵÀý£¬¶ÔÓÚÉÏÃæ½¨Á¢µÄobj¶ÔÏó£¬ÏÂÃæÁ½ÌõÓï¾ä¶¼ÎªÕ棺
obj instanceof class1
obj instanceof class2
instanceofµÄ²Ù×÷»úÖÆ£¬ÊµÖÊÉϾÍÊÇÅжÏÒ»¸ö¶ÔÏóÊÇ·ñÊÇÒ»¸öprototypeµÄʵÀý¡£
ÀûÓ÷´Éä»úÖÆºÍprototypeʵÏּ̳Уº
ÉÏÃæ½éÉܵÄprototypeʵÏֵļ̳У¬²»ÊǺܺõÄÒ»ÖÖ·½·¨£¬±Ï¾¹Á½¸öÀ๲ÏíÒ»¸öprototype£¬ÈκζԳÉÔ±µÄÖØÐ¶¨Òå¶¼»áÏ໥ӰÏ죬²»ÊÇÑϸñÒâÒåÉϵļ̳С£µ«ÔÚÕâ¸ö˼ÏëÉÏ¿ÉÒÔ·´Éä»úÖÆÀ´ÊµÏÖÀàµÄ¼Ì³Ð£¬Ë¼Â·ÈçÏ£º
ÀûÓÃfor(...in...)Óï¾äö¾Ù³öËùÓлùÀàprototypeµÄ³ÉÔ±£¬²¢½«Æä¸³Öµ¸ø×ÓÀàµÄprototype¶ÔÏó£¬È磺
function class1(){
}
class1.prototype={
method:function(){
alert(1);
};
method2:function(){
alert("method2");
}
}
function class2(){
}
for(var p in class1.prototype){
class2.prototype[p]=class1.prototype[p];
}
//¸²¸Ç¶¨Òåclass1ÖеÄmethod·½·¨
class2.prototype.method={
alert(2);
}
var obj1=new class1();
var obj2=new class2();
obj1.method();
obj2.method();
obj1.method2();
obj2.mentod2();
obj2ÖÐÖØ¸´¶¨ÒåµÄmethodÒѾ¸²¸ÇÁ˼̳еÄmethod·½·
Ïà¹ØÎĵµ£º
Ê×ÏÈÄãÒª¸ãÇå³þÒ»¼þ¶«Î÷£¬¾ÍÊÇJAVA JAVASCRIPT³ýÁ˳¤µÄÏóÒÔÍâûÓÐÒ»ÑùµÄµØ·½£¬JAVAÊÇÒÀÀµÓÚJAVAÐéÄâ»úÔËÐеÄÒ»ÖÖÃæÏò¶ÔÏóµÄÇ¿ÀàÐÍÓïÑÔ£¬JAVASCRIPTÊÇÒÀÀµÓÚä¯ÀÀÆ÷µÄÒ»ÖÖÈôÀàÐÍÓïÑÔ
javascripºÍcssÊÇǶÌ×ÔÚaspÓïÑÔÖеÄ
×ÜÖ®£¬Ë³Ðò¾ÍÊÇ£º
¾²Ì¬ÍøÒ³ÖÆ×÷£ºhtml
ÍøÒ³Èý½£¿Í ......
jQueryƬ¶Î£º
(function(){
//ÕâÀïºöÂÔjQueryËùÓÐʵÏÖ
})();
¡¡¡¡°ëÄêǰ³õ´Î½Ó´¥jQueryµÄʱºò£¬ÎÒÒ²ÏñÆäËûÈËÒ»ÑùºÜÐ˷ܵØÏë¿´¿´Ô´ÂëÊÇʲôÑùµÄ¡£È»¶ø£¬ÔÚ¿´µ½Ô´ÂëµÄµÚÒ»ÑÛ£¬ÎÒ¾ÍÃÔºýÁË¡£ÎªÊ²Ã´Ö»ÓÐÒ»¸öÄäÃûº¯ÊýÓÖû¿´µ½ÔËÐУ¨µ±È»ÊÇÔËÐÐÁË……£©£¬¾ÍÄÜÓÐjQueryÕâô¸öº¯Êý¿âÁË£¿ÓÚÊÇ£¬ÎÒ±§×ÅÒÉÎÊÀ´µ½ ......
Ò³Ãæ£º
<script type="text/javascript" src="js/test.js"></script>
¡£¡£¡£¡£
<body onload="new myTest();" >
ÒÔ¶ÔÏó·½Ê½µ÷ÓÃÐèҪʹÓà new ²Ù×÷·û£¬test.jsµÄÄÚÈÝ:
{ & ......
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÎÞ±êÌâÒ³</title>
<mce:script language="javascript" type="te ......
˽ÓгÉÔ±¾ÍÊÇÔÚÀàµÄÄÚ²¿ÊµÏÖÖпÉÒÔ¹²ÏíµÄ³ÉÔ±¡£µ«ÊDz¢²»¶ÔÍ⹫¿ª£¬JavaScriptÖв¢Ã»ÓÐÌØÊâµÄ»úÖÆÀ´¶¨Òå˽ÓгÉÔ±£¬µ«ÊÇ¿ÉÒÔÓÃһЩ¼¼ÇÉÀ´ÊµÏÖÕâ¸ö¹¦ÄÜ¡£Ö÷ÒªÊÇͨ¹ý±äÁ¿µÄ×÷ÓÃÓòÐÔÖÊÀ´ÊµÏֵģ¬ÔÚÒ»¸öº¯ÊýÄÚ²¿¶¨ÒåµÄ±äÁ¿³ÆÎª¾Ö²¿±äÁ¿£¬¸Ã±äÁ¿²»Äܱ»º¯ÊýÍâµÄ³ÌÐòËù·ÃÎÊ£¬¿ÉÒÔ±»º¯ÊýÄÚ²¿¶¨ÒåµÄǶÌ׺¯ÊýËù·ÃÎÊ¡£
ÔÚÀàµÄ¹¹Ô캯ÊýÖÐ ......