在JavaScript中遭遇級(jí)聯(lián)表達(dá)式陷阱
更新時(shí)間:2007年03月08日 00:00:00 作者:
依稀還記得,在學(xué)習(xí)C語言的庫函數(shù)時(shí),很多字符串操作相關(guān)的函數(shù)都會(huì)返回和結(jié)果相關(guān)的指針。其實(shí)這個(gè)返回值很多時(shí)候都并不是非常必要,因?yàn)樵谖覀兊膫魅氲膮?shù)中,十有八九已包含了這個(gè)指針。而加上這個(gè)返回值的最大好處就是,可以讓我們方便的書寫出級(jí)聯(lián)表達(dá)式。但是這些年的實(shí)際工作中,越發(fā)覺得級(jí)聯(lián)表達(dá)式是個(gè)魔鬼餡餅。
比如在C語言中,我們熟悉的字符串操作函數(shù)strcpy,strcat等,它們的原形一般是: extern char *strxxx(char *dest, char *src);
返回值char*其實(shí)就是調(diào)用參數(shù)中的*dest,這樣一來就可以方便的寫出級(jí)聯(lián)表達(dá)式,如下:
char *title = "Mr. ";
char *name = "birdshome";
int len = strlen(strcat(title, name));
在面向?qū)ο缶幊讨?,通過方法返回對(duì)象,我們可以編寫鏈?zhǔn)奖磉_(dá)式。雖然不管是級(jí)聯(lián)表達(dá)式也好,還是鏈?zhǔn)奖磉_(dá)式也好,都可以讓我們?cè)诰帉懘a的方便一些,不過如果使用不當(dāng),也會(huì)非常郁悶。特別是對(duì)于級(jí)聯(lián)表達(dá)式,如果函數(shù)嵌套過多,不易理解不說,debug也會(huì)很郁悶。
下面這個(gè)JavaScript的級(jí)聯(lián)語句,就讓我郁悶了很久。。。 dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
item.m_DimensionUniqueName, item.m_AnalysisStatus,
(item.m_IsParameterized ? 'checked' : ''), item.m_DimensionType), levelTypes);
而正確的語句因該是下面這個(gè): dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
item.m_DimensionUniqueName, item.m_AnalysisStatus,
(item.m_IsParameterized ? 'checked' : ''), item.m_DimensionType, levelTypes));
問題就出在倒數(shù)第二個(gè)括號(hào)上")"上,本來這個(gè)括號(hào)應(yīng)該在參數(shù)levelTypes之后,結(jié)果沒有注意弄到了levelTypes前面去了,這種書寫上的錯(cuò)誤,要一眼看出來很難很難。更郁悶的是,JavaScript對(duì)函數(shù)的參數(shù)個(gè)數(shù),以及有沒有參數(shù)都一點(diǎn)不感興趣,所以這個(gè)錯(cuò)誤的語句完全可以運(yùn)行"正常",只是數(shù)據(jù)傳到后臺(tái)后,怎么也得不到需要的值,總是undefined。
另外,還有復(fù)合參數(shù)調(diào)用的語句,如果能適當(dāng)?shù)恼归_也會(huì)給我們帶來很多好處,比如代碼:
var rect = dashboard.getBoundingClientRect();
this.InsertNewRoom(dashboard, event.clientX-rect.left-1, event.clientY-rect.top, event);
將復(fù)合參數(shù)展開后的代碼為: var rect = dashboard.getBoundingClientRect();
var innerX = event.clientX-rect.left-1;
var innerY = event.clientY-rect.top;
this.InsertNewRoom(dashboard, innerX, innerY, event);
雖然這個(gè)展開的代碼沒有添加任何額外的邏輯,但是添加了臨時(shí)變量innerX和innerY的語句顯然比復(fù)合參數(shù)的語句要易于理解的多。這樣代碼雖然多了,但是卻使代碼有了self-documented特性,同時(shí)也沒有改變代碼的邏輯和效率。我相信在debug或者修改別人的代碼時(shí),你是希望看到后一種寫法的。
比如在C語言中,我們熟悉的字符串操作函數(shù)strcpy,strcat等,它們的原形一般是: extern char *strxxx(char *dest, char *src);
返回值char*其實(shí)就是調(diào)用參數(shù)中的*dest,這樣一來就可以方便的寫出級(jí)聯(lián)表達(dá)式,如下:
char *title = "Mr. ";
char *name = "birdshome";
int len = strlen(strcat(title, name));
在面向?qū)ο缶幊讨?,通過方法返回對(duì)象,我們可以編寫鏈?zhǔn)奖磉_(dá)式。雖然不管是級(jí)聯(lián)表達(dá)式也好,還是鏈?zhǔn)奖磉_(dá)式也好,都可以讓我們?cè)诰帉懘a的方便一些,不過如果使用不當(dāng),也會(huì)非常郁悶。特別是對(duì)于級(jí)聯(lián)表達(dá)式,如果函數(shù)嵌套過多,不易理解不說,debug也會(huì)很郁悶。
下面這個(gè)JavaScript的級(jí)聯(lián)語句,就讓我郁悶了很久。。。 dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
item.m_DimensionUniqueName, item.m_AnalysisStatus,
(item.m_IsParameterized ? 'checked' : ''), item.m_DimensionType), levelTypes);
而正確的語句因該是下面這個(gè): dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
item.m_DimensionUniqueName, item.m_AnalysisStatus,
(item.m_IsParameterized ? 'checked' : ''), item.m_DimensionType, levelTypes));
問題就出在倒數(shù)第二個(gè)括號(hào)上")"上,本來這個(gè)括號(hào)應(yīng)該在參數(shù)levelTypes之后,結(jié)果沒有注意弄到了levelTypes前面去了,這種書寫上的錯(cuò)誤,要一眼看出來很難很難。更郁悶的是,JavaScript對(duì)函數(shù)的參數(shù)個(gè)數(shù),以及有沒有參數(shù)都一點(diǎn)不感興趣,所以這個(gè)錯(cuò)誤的語句完全可以運(yùn)行"正常",只是數(shù)據(jù)傳到后臺(tái)后,怎么也得不到需要的值,總是undefined。
另外,還有復(fù)合參數(shù)調(diào)用的語句,如果能適當(dāng)?shù)恼归_也會(huì)給我們帶來很多好處,比如代碼:
var rect = dashboard.getBoundingClientRect();
this.InsertNewRoom(dashboard, event.clientX-rect.left-1, event.clientY-rect.top, event);
將復(fù)合參數(shù)展開后的代碼為: var rect = dashboard.getBoundingClientRect();
var innerX = event.clientX-rect.left-1;
var innerY = event.clientY-rect.top;
this.InsertNewRoom(dashboard, innerX, innerY, event);
雖然這個(gè)展開的代碼沒有添加任何額外的邏輯,但是添加了臨時(shí)變量innerX和innerY的語句顯然比復(fù)合參數(shù)的語句要易于理解的多。這樣代碼雖然多了,但是卻使代碼有了self-documented特性,同時(shí)也沒有改變代碼的邏輯和效率。我相信在debug或者修改別人的代碼時(shí),你是希望看到后一種寫法的。
您可能感興趣的文章:
- JavaScript中for..in循環(huán)陷阱介紹
- 比較搞笑的js陷阱題
- JavaScript性能陷阱小結(jié)(附實(shí)例說明)
- Javascript 陷阱 window全局對(duì)象
- JavaScript 存在陷阱 刪除某一區(qū)域所有節(jié)點(diǎn)
- 幫助避免錯(cuò)誤的Javascript陷阱清單
- 錯(cuò)誤剖析之JavaScript的9個(gè)陷阱及評(píng)點(diǎn)
- JavaScript的9個(gè)陷阱及評(píng)點(diǎn)分析
- JavaScript中常見陷阱小結(jié)
- JavaScript中常見的八個(gè)陷阱總結(jié)
相關(guān)文章
JavaScript性能陷阱小結(jié)(附實(shí)例說明)
JavaScript陷阱太多,因此我們得步步為營(yíng),下面這些點(diǎn),相信很多同學(xué)都會(huì)遇到,希望朋友們多注意下。JavaScript陷阱太多,因此我們得步步為營(yíng),下面是一些常見的影響性能的陷阱。2010-12-12原生javascript自定義input[type=radio]效果示例
這篇文章主要介紹了原生javascript自定義input[type=radio]效果,結(jié)合實(shí)例形式分析了javascript模擬form表單中radio效果的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08基于openlayers實(shí)現(xiàn)角度測(cè)量功能
這篇文章主要為大家詳細(xì)介紹了基于openlayers實(shí)現(xiàn)角度測(cè)量功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09js實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片產(chǎn)生遮罩效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片產(chǎn)生遮罩效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10cnblogs 代碼高亮顯示后的代碼復(fù)制問題解決實(shí)現(xiàn)代碼
cnblogs是比較有名的技術(shù)博客基地,很多技術(shù)達(dá)人都在里面發(fā)布技術(shù)文章, 不過由于代碼不利于復(fù)制,因?yàn)轫撁胬锩嬗衟re標(biāo)簽等問題2011-12-12JS實(shí)現(xiàn)用戶注冊(cè)時(shí)獲取短信驗(yàn)證碼和倒計(jì)時(shí)功能
在用戶注冊(cè)時(shí),通常需要短信驗(yàn)證碼,而且為了交互效果,也需要增加倒計(jì)時(shí)。該如何實(shí)現(xiàn)獲取驗(yàn)證碼倒計(jì)時(shí)功能呢?下面小編給大家分享JS實(shí)現(xiàn)用戶注冊(cè)時(shí)獲取短信驗(yàn)證碼和倒計(jì)時(shí)的代碼,一起看看吧2016-10-10基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成(簡(jiǎn)單版)
這篇文章主要介紹了基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01