錯誤剖析之JavaScript的9個陷阱及評點

2024-09-06 12:41:31

字體：大中小

來源：轉載

供稿：網友

來自Nine Javascript Gotchas, 以下是JavaScript容易犯錯的九個陷阱。雖然不是什么很高深的技術問題，但注意一下，會使您的編程輕松些，即所謂make life easier. 筆者對某些陷阱會混雜一些評點。

1、最后一個逗號
如這段代碼，注意最后一個逗號，按語言學角度來說應該是不錯的（python的類似數據類型辭典dictionary就允許如此）。IE會報語法錯誤，但語焉不詳，你只能用人眼從幾千行代碼中掃描。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

2、this的引用會改變
如這段代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

并不如你所愿，答案并不是”JavaScript rules”。在執行MyObject.ClickHandler時，代碼中紅色這行，this的引用實際上指向的是document.getElementById("theText")的引用。可以這么解決：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
實質上，這就是JavaScript作用域的問題。如果你看過，你會發現解決方案不止一種。

3、標識盜賊
在JavaScript中不要使用跟HTML的id一樣的變量名。如下代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
IE會報對象未定義的錯誤。我只能說：IE sucks.

4、字符串只替換第一個匹配
如下代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
而實際上，結果是”This_is a title“. 在JavaScript中，String.replace的第一個參數應該是正則表達式。所以，正確的做法是這樣：

上一篇：非常不錯的三種簡潔的Tab導航（網頁選項卡）簡析

下一篇：js類中獲取外部函數名的方法與代碼