在js中使用"with"語(yǔ)句中跨frame的變量引用問(wèn)題
更新時(shí)間:2007年03月08日 00:00:00 作者:
在腳本編程時(shí)使用with語(yǔ)句,可以大大的縮減使用多級(jí)對(duì)象引用代碼行的長(zhǎng)度,這是JScript提供給我們的一個(gè)Syntax Sugar。當(dāng)然不使用with,使用臨時(shí)變量也可以達(dá)到同樣的效果。不過(guò)創(chuàng)建變量時(shí)起名確實(shí)不是一件很遐意的事,就連MASM高版本中也提供了一個(gè)@@(以及@F和@B)來(lái)處理臨時(shí)標(biāo)號(hào)的問(wèn)題,看來(lái)大家都是比較懶得啦。
我也挺喜歡用with語(yǔ)句的,確實(shí)可以省不少的事情,而且可以讓代碼變得也清晰些,特別是在處理跨frame的變量引用時(shí),更加顯得方便。這不今天就因?yàn)樨潏D方便又撞到槍口上了,在with中去取跨frame的變量時(shí),遇到一個(gè)莫名其妙的bug郁悶了半天。
我寫的代碼其實(shí)不復(fù)雜,就是在一個(gè)with中,作了很多另一個(gè)frame中的變量引用和計(jì)算操作后,把結(jié)果賦值到本頁(yè)面函數(shù)的一個(gè)局部變量里。事例代碼大概如下: // ...
var hierarchies = [];
with(parent.frames['xxxFrame'])
{
// 引用xxxFrame里的變量和值產(chǎn)生我要的東西
hierarchies.push(xxx);
}
// 開始使用hierarchies
這時(shí)hierarchies比較發(fā)瘋,不管怎么弄里面的值老是和想要得值有卻別,但又不是完全不對(duì)(后面會(huì)說(shuō)為什么會(huì)這樣,同時(shí)這是也嚴(yán)重迷惑我debug的一個(gè)地方,被害慘了)。
為什么會(huì)這樣?最后查出來(lái)原來(lái)是xxxFrame里也有一個(gè)叫hierarchies的變量,而且也是數(shù)組,放的內(nèi)容居然也和我放的差不多,所以我前面說(shuō)了為什么會(huì)被迷惑了吧。而且還不止這點(diǎn),由于之前還寫了一個(gè)這種類似的with來(lái)跨頁(yè)面取數(shù)據(jù),而且工作的很好,所以潛意識(shí)就覺(jué)得,with里的那個(gè)hierarchies就是with外的那個(gè)hierarchies。我也不記得xxxFrame中那個(gè)變量是不是我自己定義的了,反正debug時(shí)被郁悶了好一陣子:(。
JScript手冊(cè)說(shuō)with(objects) statements的作用是:為語(yǔ)句設(shè)定默認(rèn)對(duì)象。不過(guò)在with內(nèi)部對(duì)變量的作用范圍,它有個(gè)搜索規(guī)則,就是優(yōu)先做默認(rèn)對(duì)象(objects)中的匹配。雖然有時(shí)覺(jué)得默認(rèn)對(duì)象的作用域更"遠(yuǎn)",就像跨frame這種情況。當(dāng)默認(rèn)對(duì)象引用中不能匹配,就匹配with之前被聲明過(guò)的變量。都不能匹配到就是undefined了。
本文只能老實(shí)收入"debug中的滑鐵盧"中了。
我也挺喜歡用with語(yǔ)句的,確實(shí)可以省不少的事情,而且可以讓代碼變得也清晰些,特別是在處理跨frame的變量引用時(shí),更加顯得方便。這不今天就因?yàn)樨潏D方便又撞到槍口上了,在with中去取跨frame的變量時(shí),遇到一個(gè)莫名其妙的bug郁悶了半天。
我寫的代碼其實(shí)不復(fù)雜,就是在一個(gè)with中,作了很多另一個(gè)frame中的變量引用和計(jì)算操作后,把結(jié)果賦值到本頁(yè)面函數(shù)的一個(gè)局部變量里。事例代碼大概如下: // ...
var hierarchies = [];
with(parent.frames['xxxFrame'])
{
// 引用xxxFrame里的變量和值產(chǎn)生我要的東西
hierarchies.push(xxx);
}
// 開始使用hierarchies
這時(shí)hierarchies比較發(fā)瘋,不管怎么弄里面的值老是和想要得值有卻別,但又不是完全不對(duì)(后面會(huì)說(shuō)為什么會(huì)這樣,同時(shí)這是也嚴(yán)重迷惑我debug的一個(gè)地方,被害慘了)。
為什么會(huì)這樣?最后查出來(lái)原來(lái)是xxxFrame里也有一個(gè)叫hierarchies的變量,而且也是數(shù)組,放的內(nèi)容居然也和我放的差不多,所以我前面說(shuō)了為什么會(huì)被迷惑了吧。而且還不止這點(diǎn),由于之前還寫了一個(gè)這種類似的with來(lái)跨頁(yè)面取數(shù)據(jù),而且工作的很好,所以潛意識(shí)就覺(jué)得,with里的那個(gè)hierarchies就是with外的那個(gè)hierarchies。我也不記得xxxFrame中那個(gè)變量是不是我自己定義的了,反正debug時(shí)被郁悶了好一陣子:(。
JScript手冊(cè)說(shuō)with(objects) statements的作用是:為語(yǔ)句設(shè)定默認(rèn)對(duì)象。不過(guò)在with內(nèi)部對(duì)變量的作用范圍,它有個(gè)搜索規(guī)則,就是優(yōu)先做默認(rèn)對(duì)象(objects)中的匹配。雖然有時(shí)覺(jué)得默認(rèn)對(duì)象的作用域更"遠(yuǎn)",就像跨frame這種情況。當(dāng)默認(rèn)對(duì)象引用中不能匹配,就匹配with之前被聲明過(guò)的變量。都不能匹配到就是undefined了。
本文只能老實(shí)收入"debug中的滑鐵盧"中了。
您可能感興趣的文章:
- JavaScript學(xué)習(xí)小結(jié)之被嫌棄的eval函數(shù)和with語(yǔ)句實(shí)例詳解
- 深入淺析JavaScript中with語(yǔ)句的理解
- 理解javascript中的with關(guān)鍵字
- javaScript中with函數(shù)用法實(shí)例分析
- Javascript中With語(yǔ)句用法實(shí)例
- JavaScript嚴(yán)格模式禁用With語(yǔ)句的原因
- javascript中with()方法的語(yǔ)法格式及使用
- JavaScript的strict模式與with關(guān)鍵字介紹
- javascript簡(jiǎn)單事件處理和with用法介紹
- js批量設(shè)置樣式的三種方法不推薦使用with
- 關(guān)于JavaScript的with 語(yǔ)句的使用方法
- javascript下with 的簡(jiǎn)化代碼寫法
- js的with語(yǔ)句使用方法
- javascript之with的使用(阿里云、淘寶使用代碼分析)
相關(guān)文章
基于substring()和substr()的使用以及區(qū)別(實(shí)例講解)
下面小編就為大家分享一篇基于substring()和substr()的使用以及區(qū)別實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12js驗(yàn)證真實(shí)姓名與身份證號(hào)是否匹配
使用javascript技術(shù)驗(yàn)真實(shí)姓名,要用到unicode字符來(lái)匹配,由于中國(guó)人的姓名長(zhǎng)度一般是在2-4這個(gè)范圍內(nèi),所以重復(fù)匹配{2,4}次。接下來(lái),通過(guò)本文給大家分享js驗(yàn)證省份證號(hào)與真實(shí)姓名是否匹配,需要的朋友可以參考下2015-10-10apply和call方法定義及apply和call方法的區(qū)別
apply和call功能一樣,只是傳入的參數(shù)列表形式不同,本文給大家介紹apply和call方法定義及apply和call方法的區(qū)別,感興趣的朋友一起學(xué)習(xí)吧2015-11-11使用js原生實(shí)現(xiàn)年份輪播選擇效果實(shí)例
這篇文章主要給大家介紹了關(guān)于如何使用js原生實(shí)現(xiàn)年份輪播選擇效果的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01JS獲取指定時(shí)間的時(shí)間戳的方法匯總(最新整理收藏版)
在JavaScript中,可以使用Date.parse()或new Date()來(lái)獲取指定時(shí)間的時(shí)間戳,本文給大家分享JS獲取指定時(shí)間的時(shí)間戳的方法,感興趣的朋友一起看看吧2024-01-01WordPress 單頁(yè)面上一頁(yè)下一頁(yè)的實(shí)現(xiàn)方法【附代碼】
下面小編就為大家?guī)?lái)一篇WordPress 單頁(yè)面上一頁(yè)下一頁(yè)的實(shí)現(xiàn)方法【附代碼】。小編覺(jué)得非常不錯(cuò)。給大家分享一下。希望能給大家一個(gè)參考。2016-03-03詳談js對(duì)url進(jìn)行編碼和解碼(三種方式的區(qū)別)
下面小編就為大家?guī)?lái)一篇詳談js對(duì)url進(jìn)行編碼和解碼(三種方式的區(qū)別)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08