快捷導(dǎo)航

javascript學(xué)習(xí)(二)javascript常見(jiàn)問(wèn)題總結(jié)

更新時(shí)間：2013年01月02日 17:36:44 作者：

在js使用過(guò)程中，經(jīng)常會(huì)碰到一些問(wèn)題，本人利用閑暇時(shí)間整理了一些常見(jiàn)問(wèn)題的解決方法，貼出來(lái)和大家分享，有需要的朋友可以參考下

1、JS中方法和變量都是區(qū)分大小寫(xiě)的

2、單引號(hào)、雙引號(hào)在JS中沒(méi)有特殊的區(qū)別，都可以用來(lái)創(chuàng)建字符串。但作為一般性規(guī)則，大多數(shù)開(kāi)發(fā)人員喜歡用單引號(hào)而不是雙引號(hào)，但是XHTML規(guī)范要求所有屬性值都必須使用雙引號(hào)括起來(lái)。這樣在JS中使用單引號(hào)，而對(duì)XHTML使用雙引號(hào)會(huì)使混合兩者代碼更方便也更清晰。
單引號(hào)可以包含雙引號(hào)，同理，雙引號(hào)也可以包含單引號(hào)。

3、括號(hào)
首先需要說(shuō)明的是：JS中括號(hào)包含兩種語(yǔ)義，可以是分隔符也可以是表達(dá)式。
a、分隔符大家非常熟悉（1+3）*3等于12
b、（function(){})();function之前的一對(duì)括號(hào)作為分隔符，后面的括號(hào)表示立即執(zhí)行這個(gè)方法。

4、函數(shù)調(diào)用和引用
因?yàn)槔ㄌ?hào)代表執(zhí)行，所以：
var foo=example(); foo表示函數(shù)的返回值
var foo1=example; 將函數(shù)引用賦給一個(gè)值foo1

5、重載
JS不支持重載，因此這里所說(shuō)有重載其實(shí)更類(lèi)似于替換
JS不區(qū)別參數(shù)個(gè)數(shù)

6、作用域、閉包
作用域指對(duì)某一屬性或方法具有訪(fǎng)問(wèn)權(quán)限的代碼空間。如：

復(fù)制代碼代碼如下:

 
function myFunction(){ 
var temp="abc"; 
} 

上面的temp在函數(shù)外面無(wú)法訪(fǎng)問(wèn)。
閉包是與作用域相關(guān)的一個(gè)概念，它指的是內(nèi)部函數(shù)即便在外部函數(shù)執(zhí)行完成并終止后仍然可以其外部函數(shù)的屬性。

下面我們就作用域和閉包來(lái)舉個(gè)例子：
我們建立如下html頁(yè)面：

復(fù)制代碼代碼如下:

 
<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>無(wú)標(biāo)題文檔</title> 
<script language="javascript" type="text/javascript"> 
function init(){ 
for(var i=1;i<=3;i++){ 
author=document.getElementById("author"+i); 
author.onclick=function(){ 
alert("author"+i); 
} 
} 
} 
window.onload=init; 
</script> 
</head> 
<body> 
<a id="author1" href="#">abc</a><br /> 
<a id="author2" href="#">abc</a><br /> 
<a id="author3" href="#">abc</a><br /> 
</body> 
</html> 

運(yùn)行結(jié)果：
pic
可以看到，這并不是我們想要的。
進(jìn)行修改后，關(guān)鍵代碼如下：

復(fù)制代碼代碼如下:

 
<script language="javascript" type="text/javascript"> 
function init(){ 
for(var i=1;i<=3;i++){ 
author=document.getElementById("author"+i); 
registerListener(author,i); 
} 
} 

function registerListener(author,i){ 
author.onclick=function(){ 
alert("author"+i); 
} 
} 
window.onload=init; 
</script> 

這樣，我們就得到了我們想要的結(jié)果。
這是因?yàn)閕nit每次調(diào)用都產(chǎn)生function的一個(gè)實(shí)例，每個(gè)實(shí)例里都維護(hù)了一個(gè)新的i
而對(duì)于匿名函數(shù)的上一級(jí)已經(jīng)有這個(gè)i，而且已經(jīng)和init里的i不一樣了。

您可能感興趣的文章: