JavascriptÀàµÄд·¨
JavascriptÖÐfunction¼´ÎªÀ࣬ÔÚfunctionÄÚ²¿ÓÃthisÉèÖÃÀàµÄpublic³ÉÔ±±äÁ¿Óë·½·¨£¬ÀýÈ磺
function myclass(name){
¡¡¡¡¡¡¡¡var str = "private string";¡¡¡¡¡¡¡¡//private field
¡¡¡¡¡¡¡¡function privatefn(){¡¡¡¡¡¡¡¡¡¡¡¡//private method¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡alert(str);
¡¡¡¡¡¡¡¡};
¡¡¡¡¡¡¡¡this.name = name;
¡¡¡¡¡¡¡¡this.pubfn = function(){
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡privatefn();¡¡¡¡¡¡¡¡ ¡¡//call private method
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡alert("myclass.pubfn");
¡¡¡¡¡¡¡¡}
}
ʹÓÃʱÓÃnew´´½¨¶ÔÏó£º
var obj = new myclass("123");
var name = obj.name;¡¡¡¡¡¡¡¡//access public field
obj.pubfn();¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡//call public method
ÉÏÊöÊÇJavascriptÀà×îÆÕͨµÄд·¨£¬Êµ¼ÊÓ¦ÓõýÏÉÙ£¬ÓõÃ×î¶àµÄÊÇд³É¾²Ì¬ÀàµÄÐÎʽ£¬JavascriptµÄ¾²Ì¬ÀàÓÐÁ½ÖÖд·¨£º
1. ÀàËÆJson¶ÔÏóµÄд·¨
var myclass = {
¡¡¡¡¡¡¡¡name : "123",
¡¡¡¡¡¡¡¡pubfn : function(){
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡alert("pubfn1 is called");
¡¡¡¡¡¡¡¡}
};
µ÷ÓÃÐÎʽ£ºmyclass.name, myclass.pubfn()
ÕâÖÖд·¨Ê¹ÀàµÄ³ÉÔ±µÄ·ÃÎÊȨÏÞ¾ùΪpublic¡£
2. ÄäÃûº¯ÊýµÄд·¨
var myclass = function(){
¡¡¡¡¡¡¡¡var name = "123";¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡//private field
¡¡¡¡¡¡¡¡var privatefn = function(){¡¡¡¡¡¡¡¡ //private method
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡alert(name);
¡¡¡¡¡¡¡¡}
¡¡¡¡¡¡¡¡return{¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡//return public field and method
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡Name: "hello " + name,¡¡¡¡¡¡¡¡//public field
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡pubfn : function(){
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡privatefn();¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ //call private method
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡alert("this is a returned function");¡¡//public method
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡}
¡¡¡¡¡¡¡¡}
}();
ÕâÖÖд·¨µÄºÃ´¦ÊÇ¿ÉÒÔ½«Ë½Óк͹²ÓеijÉÔ±·½·¨ºÍ±äÁ¿·Ö¿ª£¬Êµ¼ÊÓ¦ÓÃÖпɽ«¸´ÔÓµÄÂ߼дµÄ˽Óз½·¨ÖУ¬¶øreturnÒ»¸ö¹«ÓõĽӿڵ÷ÓÃ˽Óз½·¨¡£
µ÷ÓÃÐÎʽ£ºmyclass.Name, myclass.pubfn()
×¢ÒâÀà½áβ´¦µÄСÀ¨ºÅ£¬ËüµÄ×÷ÓÃÊÇ´´½¨¶ÔÏó£¬È¥³ýСÀ¨ºÅµÄ»°£¬Ôòµ÷ÓÃÐÎʽΪ£ºmyclass().Name, myclass().pubfn()¡£
Ïà¹ØÎĵµ£º
ÓÃÁ˺ܾÃJavaScript£¬¶Ô¡¾this¡¿µÄÈÏʶֻ¾ÖÏÞÓÚÒÔÍùµÄƾ¾Ñé¶øÒÑ£¬²»¹ý½ñÌì·¢ÏÖÁ˺ö«Î÷“http://www.quirksmode.org/js/associative.html”£¬ÏêϸÃèÊöÁËÈçºÎʹÓá¾this¡¿¹Ø¼ü×Ö£¬ÔÚÕâÀïÎҾͼò¶ÌµÄ˵һÏÂÖØµã£¬Èç¹ûÓÐÒÉÎÊ¿ÉÒÔÖ±½Ó²Î¿¼ÔÎÄ¡£
ÔÚѧϰ¹ýÓÐthisµÄ±à³ÌÓïÑÔÖУ¬thisÒ»°ã¶¼ÊÇÖ¸Ïòµ±Ç°ÊµÀý¶ÔÏóµÄ£¬¶ÔÓ ......
ת×Ô£º
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ͼƬÅÜÂíµÆ</title>
</head>
<body>
<div style="overflow:hidden; width:350px" id='div'>
<!-- ÕâÀïÊǵÚÒ»¸ö¹Ø¼üµã£¬o ......
Êý×éÓÐËÄÖÖ¶¨ÒåµÄ·½Ê½
ʹÓù¹Ô캯Êý£º
var a = new Array();
var b = new Array(8);
var c =
new Array("first", "second", "third");
»òÕßÊý×éÖ±½ÓÁ¿£º
var d = ["first",
"second", "third"];
ÊôÐÔ
ArrayÖ»ÓÐÒ»¸öÊôÐÔ£¬¾ÍÊÇlength£¬length±íʾµ ......
// ѧϰҪÏ뿽±´ÄÇô¿ì¾ÍºÃÁË
//
// JavaScript µÄ¼Ì³ÐÊÇ»ùÓÚ prototype µÄ£¬Ã¿¸ö¶ÔÏóµÄ prototype ÊDZ£´æÔÚ¶ÔÏóµÄ __proto__ ÊôÐÔÖеģ¬Õâ¸öÊôÐÔÊÇÄÚ²¿(internal)µÄÊôÐÔ( ¹ßÀýÊÇÄÚ²¿µÄ»òÕßÒþ²ØµÄÊôÐÔÒÔ _ ¿ªÍ·)
// A prototype-based language has the notion of a prototypical object, an object used as a template ......
1.document.formName.item('itemname')µÄÎÊÌâ
˵Ã÷£ºIEÏ¿ÉÒÔʹÓÃdocument.formName.item('itemname')ºÍdocument.formName.elements('elementsName');
FFÏÂÖ»ÄÜʹÓÃdocuement.formName.elements('elementsName');
½â¾ö·½·¨£ºÍ³Ò»Ê¹ÓÃdocuement.formName.elements('elementsName');
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷£ºIEÏ¿ÉÒÔʹÓÃ[]ºÍ ......