javascript學(xué)習(xí)(二)javascript常見問題總結(jié)
更新時間:2013年01月02日 17:36:44 作者:
在js使用過程中,經(jīng)常會碰到一些問題,本人利用閑暇時間整理了一些常見問題的解決方法,貼出來和大家分享,有需要的朋友可以參考下
1、JS中方法和變量都是區(qū)分大小寫的
2、單引號、雙引號在JS中沒有特殊的區(qū)別,都可以用來創(chuàng)建字符串。但作為一般性規(guī)則,大多數(shù)開發(fā)人員喜歡用單引號而不是雙引號,但是XHTML規(guī)范要求所有屬性值都必須使用雙引號括起來。這樣在JS中使用單引號,而對XHTML使用雙引號會使混合兩者代碼更方便也更清晰。
單引號可以包含雙引號,同理,雙引號也可以包含單引號。
3、括號
首先需要說明的是:JS中括號包含兩種語義,可以是分隔符也可以是表達式。
a、分隔符大家非常熟悉(1+3)*3等于12
b、(function(){})();function之前的一對括號作為分隔符,后面的括號表示立即執(zhí)行這個方法。
4、函數(shù)調(diào)用和引用
因為括號代表執(zhí)行,所以:
var foo=example(); foo表示函數(shù)的返回值
var foo1=example; 將函數(shù)引用賦給一個值foo1
5、重載
JS不支持重載,因此這里所說有重載其實更類似于替換
JS不區(qū)別參數(shù)個數(shù)
6、作用域、閉包
作用域指對某一屬性或方法具有訪問權(quán)限的代碼空間。如:
function myFunction(){
var temp="abc";
}
上面的temp在函數(shù)外面無法訪問。
閉包是與作用域相關(guān)的一個概念,它指的是內(nèi)部函數(shù)即便在外部函數(shù)執(zhí)行完成并終止后仍然可以其外部函數(shù)的屬性。
下面我們就作用域和閉包來舉個例子:
我們建立如下html頁面:
<!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>無標(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>
運行結(jié)果:
pic
可以看到,這并不是我們想要的。
進行修改后,關(guān)鍵代碼如下:
<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é)果。
這是因為init每次調(diào)用都產(chǎn)生function的一個實例,每個實例里都維護了一個新的i
而對于匿名函數(shù)的上一級已經(jīng)有這個i,而且已經(jīng)和init里的i不一樣了。
2、單引號、雙引號在JS中沒有特殊的區(qū)別,都可以用來創(chuàng)建字符串。但作為一般性規(guī)則,大多數(shù)開發(fā)人員喜歡用單引號而不是雙引號,但是XHTML規(guī)范要求所有屬性值都必須使用雙引號括起來。這樣在JS中使用單引號,而對XHTML使用雙引號會使混合兩者代碼更方便也更清晰。
單引號可以包含雙引號,同理,雙引號也可以包含單引號。
3、括號
首先需要說明的是:JS中括號包含兩種語義,可以是分隔符也可以是表達式。
a、分隔符大家非常熟悉(1+3)*3等于12
b、(function(){})();function之前的一對括號作為分隔符,后面的括號表示立即執(zhí)行這個方法。
4、函數(shù)調(diào)用和引用
因為括號代表執(zhí)行,所以:
var foo=example(); foo表示函數(shù)的返回值
var foo1=example; 將函數(shù)引用賦給一個值foo1
5、重載
JS不支持重載,因此這里所說有重載其實更類似于替換
JS不區(qū)別參數(shù)個數(shù)
6、作用域、閉包
作用域指對某一屬性或方法具有訪問權(quán)限的代碼空間。如:
復(fù)制代碼 代碼如下:
function myFunction(){
var temp="abc";
}
上面的temp在函數(shù)外面無法訪問。
閉包是與作用域相關(guān)的一個概念,它指的是內(nèi)部函數(shù)即便在外部函數(shù)執(zhí)行完成并終止后仍然可以其外部函數(shù)的屬性。
下面我們就作用域和閉包來舉個例子:
我們建立如下html頁面:
復(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>無標(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>
運行結(jié)果:
pic
可以看到,這并不是我們想要的。
進行修改后,關(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é)果。
這是因為init每次調(diào)用都產(chǎn)生function的一個實例,每個實例里都維護了一個新的i
而對于匿名函數(shù)的上一級已經(jīng)有這個i,而且已經(jīng)和init里的i不一樣了。
您可能感興趣的文章:
相關(guān)文章
JavaScript中Cookies的相關(guān)使用教程
這篇文章主要介紹了JavaScript中Cookies的相關(guān)使用教程,包括Cookies的存儲和刪除等操作方法,需要的朋友可以參考下2015-06-06JavaScript基本概念初級講解論壇貼的學(xué)習(xí)記錄
JavaScript基本概念 論壇貼建議大家看下,都是一些js的高級的技巧知識小結(jié)。2009-02-02在JS中操作時間之getUTCMilliseconds()方法的使用
這篇文章主要介紹了在JavaScript中操作時間之getUTCMilliseconds()方法的使用,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06javascript 數(shù)組的定義和數(shù)組的長度
本文主要介紹javascript 數(shù)組的定義和數(shù)組的長度,比較簡單,希望能給大家做一個參考。2016-06-06javascript基礎(chǔ)知識大集錦(一) 推薦收藏
主要知識點:js數(shù)組,數(shù)字函數(shù),字符串函數(shù),表單驗證,hashMap,堆棧,日期函數(shù),call函數(shù) 等。2011-01-01javascript處理表單示例(javascript提交表單)
這篇文章主要介紹了javascript處理表單示例,處理 各種表單, 以及鏈接,按鈕的通用組件,需要的朋友可以參考下2014-04-04JavaScript學(xué)習(xí)筆記之基礎(chǔ)語法
本文不是零基礎(chǔ)教學(xué),請沒javascript基礎(chǔ)的小伙伴們先出門左拐,本人之前學(xué)習(xí)java的,所以本文主要對比下java學(xué)習(xí)javascript。2015-01-01