国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript中常見陷阱小結

2019-11-21 00:32:39
字體:
來源:轉載
供稿:網友
你所創建的所有函數都是區分大小寫的
單引號('字符串')和雙引號("字符串")在JavaScript中沒有特殊的區別,都可以用來創建字符串.但作為一般原則,大多數WEB開發者都選擇使用單引號 而不是雙引號,因為XHTML規范要求所有XHTML屬性值都必須使用雙引號括起來.

JavaScript不支持重載,在JavaScript中,腳本在執行時不會顧及函數定義時的參數,而是直接使用在作用域鏈中最后定義的那個函數。這意味著,相同名稱的函數永遠只存在一個實例


閉包是與作用域相關的一個概念,它指的是內部函數即使在外部函數執行完成并終止后,依然可以訪問其外部函數的屬性。當引用一個變量或方法時,JavaScript會沿著由對象執行路徑構成使用域鏈對使用域進行解析,查找變量最近定義的值,一旦找到即使用該值。function initAnchors(event){
復制代碼 代碼如下:

  for (var i=1; i <=3; i++){
    var anchor = document.GetElementById('anchor' + i);
    anchor.attachEvent('onclick', function() { 
    alert('my id is anchor' + i);
    });
  }
}

假設頁面中有三個A元素,ID分別為anchor1到anchor3,程序為三個A元素注冊onclick事件,單擊第個A元素顯示"my id is anchorX",但實際運行情況卻不是這樣,單擊每個A元素都顯示"my id is anchor4"。為什么會這樣呢,因為i的值實際上是在單擊事件發生時才從使用域鏈中取得的,當單擊事件發生時,initAnchors()已執行完畢,此時i的值等于4。解決方法可以按如下
復制代碼 代碼如下:

function registerAnchorListner(anchor,i){
  anchor.attachEvent('onclick', function() { 
    alert('my id is anchor' + i);
  }  
}
function initAnchors(event){
  for (var i=1; i <=3; i++){
    var anchor = document.GetElementById('anchor' + i);
    registerAnchorListner(anchor,i);

  }

}

var anchor = document.GetElementById('anchor' + i);
anchor.attachEvent('onclick', function() {
alert('my id is anchor' + i);



});



迭代對象,在編寫腳本時經常使用到迭代,如下:
復制代碼 代碼如下:

var list = [1,2,3,4];
for(var i = 0;i < list.length; i++){
  alert(list);
}

另一種可供選擇的迭代方法是使用for循環遍歷位于(in)list中的每個屬性:
復制代碼 代碼如下:

for(var i in list){
  alert(list);
}

此時,得到的是與使用前一迭代方法相同的結果,因為list是一個Array對象。

但是,當使用for(var i in item)方法操縱類似數組而又不是數組的對象時一定要格外小心,如下
復制代碼 代碼如下:

var all=document.getElementsByTagName('*');
for(var i in all){
  //對照all元素進行某些操作
}

在這次的迭代過程中,i的值會分別等于length、item和namedItem,而這很可能會導致代碼中出現意外錯誤。在某些情況下,可以使用對象的hasOwnProperty()方法來避免這個問題。如果對象的屬性或方法是非繼承的,那么hasOwnProperty()方法返回true。即這里的檢查不涉及從其它對象繼承的屬性和方法,只會檢查在特定對象自身中直接創建的屬性,比如分配給數組的元素。因此,在如果在for循環中使用這種檢查,那么循環將會跳過length這樣屬性,因為length不是數組all的真系屬性,而是從派生數組all的NameNodeMap對象中繼承的屬性
復制代碼 代碼如下:

var all=document.getElementsByTagName('*');
for(var i in all){
  if(!all.hasOwnProperty(i)) continue;
  //對照all元素進行某些操作
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 蓬溪县| 务川| 白玉县| 孟州市| 台山市| 鸡东县| 嘉兴市| 临潭县| 六安市| 绥滨县| 巨野县| 报价| 博湖县| 无极县| 贞丰县| 天全县| 金山区| 托里县| 京山县| 东兴市| 科技| 英山县| 嘉峪关市| 巢湖市| 衡东县| 罗田县| 德州市| 武山县| 嘉祥县| 嵊泗县| 濉溪县| 靖宇县| 正定县| 民乐县| 郑州市| 大庆市| 安乡县| 武冈市| 布拖县| 隆林| 邢台县|