在js中使用"with"語句中跨frame的變量引用問題
更新時(shí)間:2007年03月08日 00:00:00 作者:
在腳本編程時(shí)使用with語句,可以大大的縮減使用多級(jí)對(duì)象引用代碼行的長(zhǎng)度,這是JScript提供給我們的一個(gè)Syntax Sugar。當(dāng)然不使用with,使用臨時(shí)變量也可以達(dá)到同樣的效果。不過創(chuàng)建變量時(shí)起名確實(shí)不是一件很遐意的事,就連MASM高版本中也提供了一個(gè)@@(以及@F和@B)來處理臨時(shí)標(biāo)號(hào)的問題,看來大家都是比較懶得啦。
我也挺喜歡用with語句的,確實(shí)可以省不少的事情,而且可以讓代碼變得也清晰些,特別是在處理跨frame的變量引用時(shí),更加顯得方便。這不今天就因?yàn)樨潏D方便又撞到槍口上了,在with中去取跨frame的變量時(shí),遇到一個(gè)莫名其妙的bug郁悶了半天。
我寫的代碼其實(shí)不復(fù)雜,就是在一個(gè)with中,作了很多另一個(gè)frame中的變量引用和計(jì)算操作后,把結(jié)果賦值到本頁面函數(shù)的一個(gè)局部變量里。事例代碼大概如下: // ...
var hierarchies = [];
with(parent.frames['xxxFrame'])
{
// 引用xxxFrame里的變量和值產(chǎn)生我要的東西
hierarchies.push(xxx);
}
// 開始使用hierarchies
這時(shí)hierarchies比較發(fā)瘋,不管怎么弄里面的值老是和想要得值有卻別,但又不是完全不對(duì)(后面會(huì)說為什么會(huì)這樣,同時(shí)這是也嚴(yán)重迷惑我debug的一個(gè)地方,被害慘了)。
為什么會(huì)這樣?最后查出來原來是xxxFrame里也有一個(gè)叫hierarchies的變量,而且也是數(shù)組,放的內(nèi)容居然也和我放的差不多,所以我前面說了為什么會(huì)被迷惑了吧。而且還不止這點(diǎn),由于之前還寫了一個(gè)這種類似的with來跨頁面取數(shù)據(jù),而且工作的很好,所以潛意識(shí)就覺得,with里的那個(gè)hierarchies就是with外的那個(gè)hierarchies。我也不記得xxxFrame中那個(gè)變量是不是我自己定義的了,反正debug時(shí)被郁悶了好一陣子:(。
JScript手冊(cè)說with(objects) statements的作用是:為語句設(shè)定默認(rèn)對(duì)象。不過在with內(nèi)部對(duì)變量的作用范圍,它有個(gè)搜索規(guī)則,就是優(yōu)先做默認(rèn)對(duì)象(objects)中的匹配。雖然有時(shí)覺得默認(rèn)對(duì)象的作用域更"遠(yuǎn)",就像跨frame這種情況。當(dāng)默認(rèn)對(duì)象引用中不能匹配,就匹配with之前被聲明過的變量。都不能匹配到就是undefined了。
本文只能老實(shí)收入"debug中的滑鐵盧"中了。
我也挺喜歡用with語句的,確實(shí)可以省不少的事情,而且可以讓代碼變得也清晰些,特別是在處理跨frame的變量引用時(shí),更加顯得方便。這不今天就因?yàn)樨潏D方便又撞到槍口上了,在with中去取跨frame的變量時(shí),遇到一個(gè)莫名其妙的bug郁悶了半天。
我寫的代碼其實(shí)不復(fù)雜,就是在一個(gè)with中,作了很多另一個(gè)frame中的變量引用和計(jì)算操作后,把結(jié)果賦值到本頁面函數(shù)的一個(gè)局部變量里。事例代碼大概如下: // ...
var hierarchies = [];
with(parent.frames['xxxFrame'])
{
// 引用xxxFrame里的變量和值產(chǎn)生我要的東西
hierarchies.push(xxx);
}
// 開始使用hierarchies
這時(shí)hierarchies比較發(fā)瘋,不管怎么弄里面的值老是和想要得值有卻別,但又不是完全不對(duì)(后面會(huì)說為什么會(huì)這樣,同時(shí)這是也嚴(yán)重迷惑我debug的一個(gè)地方,被害慘了)。
為什么會(huì)這樣?最后查出來原來是xxxFrame里也有一個(gè)叫hierarchies的變量,而且也是數(shù)組,放的內(nèi)容居然也和我放的差不多,所以我前面說了為什么會(huì)被迷惑了吧。而且還不止這點(diǎn),由于之前還寫了一個(gè)這種類似的with來跨頁面取數(shù)據(jù),而且工作的很好,所以潛意識(shí)就覺得,with里的那個(gè)hierarchies就是with外的那個(gè)hierarchies。我也不記得xxxFrame中那個(gè)變量是不是我自己定義的了,反正debug時(shí)被郁悶了好一陣子:(。
JScript手冊(cè)說with(objects) statements的作用是:為語句設(shè)定默認(rèn)對(duì)象。不過在with內(nèi)部對(duì)變量的作用范圍,它有個(gè)搜索規(guī)則,就是優(yōu)先做默認(rèn)對(duì)象(objects)中的匹配。雖然有時(shí)覺得默認(rèn)對(duì)象的作用域更"遠(yuǎn)",就像跨frame這種情況。當(dāng)默認(rèn)對(duì)象引用中不能匹配,就匹配with之前被聲明過的變量。都不能匹配到就是undefined了。
本文只能老實(shí)收入"debug中的滑鐵盧"中了。
您可能感興趣的文章:
- JavaScript學(xué)習(xí)小結(jié)之被嫌棄的eval函數(shù)和with語句實(shí)例詳解
- 深入淺析JavaScript中with語句的理解
- 理解javascript中的with關(guān)鍵字
- javaScript中with函數(shù)用法實(shí)例分析
- Javascript中With語句用法實(shí)例
- JavaScript嚴(yán)格模式禁用With語句的原因
- javascript中with()方法的語法格式及使用
- JavaScript的strict模式與with關(guān)鍵字介紹
- javascript簡(jiǎn)單事件處理和with用法介紹
- js批量設(shè)置樣式的三種方法不推薦使用with
- 關(guān)于JavaScript的with 語句的使用方法
- javascript下with 的簡(jiǎn)化代碼寫法
- js的with語句使用方法
- javascript之with的使用(阿里云、淘寶使用代碼分析)
相關(guān)文章
javascript組合使用構(gòu)造函數(shù)模式和原型模式實(shí)例
這篇文章主要介紹了javascript組合使用構(gòu)造函數(shù)模式和原型模式的方法,通過一個(gè)簡(jiǎn)單實(shí)例分析了javascript構(gòu)造函數(shù)模式與原型模式的使用方法,需要的朋友可以參考下2015-06-06
詳解ES6之用let聲明變量以及l(fā)et loop機(jī)制
本篇文章主要介紹了詳解ES6之用let聲明變量以及l(fā)et loop機(jī)制,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
關(guān)于安卓手機(jī)微信瀏覽器中使用XMLHttpRequest 2上傳圖片顯示字節(jié)數(shù)為0的解決辦法
這篇文章主要介紹了關(guān)于安卓手機(jī)微信瀏覽器中使用XMLHttpRequest 2上傳圖片顯示字節(jié)數(shù)為0的解決辦法 的相關(guān)資料,需要的朋友可以參考下2016-05-05
js根據(jù)需要計(jì)算數(shù)組中重復(fù)出現(xiàn)某個(gè)元素的個(gè)數(shù)
今天小編就為大家分享一篇關(guān)于js根據(jù)需要計(jì)算數(shù)組中重復(fù)出現(xiàn)某個(gè)元素的個(gè)數(shù),小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-01-01
JavaScript中callee和caller的區(qū)別與用法實(shí)例分析
這篇文章主要介紹了JavaScript中callee和caller的區(qū)別與用法,結(jié)合實(shí)例形式分析了javascript中callee和caller的功能、區(qū)別、用法及操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
詳解Javacript和AngularJS中的Promises
這篇文章主要介紹了詳解Javacript和AngularJS中的Promises的相關(guān)資料,promise是Javascript異步編程很好的解決方案。,需要的朋友可以參考下2016-02-02

