在js中使用"with"語句中跨frame的變數引用問題_javascript技巧

在指令碼編程時使用with語句，可以大大的縮減使用多級對象引用程式碼的長度，這是JScript提供給我們的一個Syntax Sugar。當然不使用with，使用臨時變數也可以達到同樣的效果。不過建立變數時起名確實不是一件很遐意的事，就連MASM高版本中也提供了一個@@(以及@F和@B)來處理臨時標號的問題，看來大家都是比較懶得啦。 

     我也挺喜歡用with語句的，確實可以省不少的事情，而且可以讓代碼變得也清晰些，特別是在處理跨frame的變數引用時，更加顯得方便。這不今天就因為貪圖方便又撞到槍口上了，在with中去取跨frame的變數時，遇到一個莫名其妙的bug鬱悶了半天。 

     我寫的代碼其實不複雜，就是在一個with中，作了很多另一個frame中的變數引用和計算操作後，把結果賦值到本頁面函數的一個局部變數裡。案例代碼大概如下：  // ... 
 var hierarchies = []; 
 with(parent.frames['xxxFrame']) 
 { 
     // 引用xxxFrame裡的變數和值產生我要的東西 
     hierarchies.push(xxx); 
 } 

 // 開始使用hierarchies 
     這時hierarchies比較發瘋，不管怎麼弄裡面的值老是和想要得值有卻別，但又不是完全不對(後面會說為什麼會這樣，同時這是也嚴重迷惑我debug的一個地方，被害慘了)。 

     為什麼會這樣？最後查出來原來是xxxFrame裡也有一個叫hierarchies的變數，而且也是數組，放的內容居然也和我放的差不多，所以我前面說了為什麼會被迷惑了吧。而且還不止這點，由於之前還寫了一個這種類似的with來跨頁面取資料，而且工作的很好，所以潛意識就覺得，with裡的那個hierarchies就是with外的那個hierarchies。我也不記得xxxFrame中那個變數是不是我自己定義的了，反正debug時被鬱悶了好一陣子:(。 

     JScript手冊說with(objects) statements的作用是：為語句設定預設對象。不過在with內部對變數的作用範圍，它有個搜尋規則，就是優先做預設對象(objects)中的匹配。雖然有時覺得預設對象的範圍更"遠"，就像跨frame這種情況。當預設對象引用中不能匹配，就匹配with之前被聲明過的變數。都不能匹配到就是undefined了。 

     本文只能老實收入"debug中的滑鐵盧"中了。