當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
在JavaScript中遭遇级联表达式陷阱
生活随笔
收集整理的這篇文章主要介紹了
在JavaScript中遭遇级联表达式陷阱
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
??? 依稀還記得,在學習C語言的庫函數(shù)時,很多字符串操作相關(guān)的函數(shù)都會返回和結(jié)果相關(guān)的指針。其實這個返回值很多時候都并不是非常必要,因為在我們的傳入的參數(shù)中,十有八九已包含了這個指針。而加上這個返回值的最大好處就是,可以讓我們方便的書寫出級聯(lián)表達式。但是這些年的實際工作中,越發(fā)覺得級聯(lián)表達式是個魔鬼餡餅。
??? 比如在C語言中,我們熟悉的字符串操作函數(shù)strcpy,strcat等,它們的原形一般是: extern?char?*strxxx(char?*dest, char?*src);
??? 返回值char*其實就是調(diào)用參數(shù)中的*dest,這樣一來就可以方便的寫出級聯(lián)表達式,如下:
char?*title?=?"Mr.?";
char?*name?=?"birdshome";
int?len?=?strlen(strcat(title,?name));
??? 在面向?qū)ο缶幊讨?#xff0c;通過方法返回對象,我們可以編寫鏈式表達式。雖然不管是級聯(lián)表達式也好,還是鏈式表達式也好,都可以讓我們在編寫代碼的方便一些,不過如果使用不當,也會非常郁悶。特別是對于級聯(lián)表達式,如果函數(shù)嵌套過多,不易理解不說,debug也會很郁悶。
??? 下面這個JavaScript的級聯(lián)語句,就讓我郁悶了很久。。。 dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
???item.m_DimensionUniqueName,?item.m_AnalysisStatus,
???(item.m_IsParameterized???'checked'?:?''),?item.m_DimensionType),?levelTypes);
??? 而正確的語句因該是下面這個: dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
???item.m_DimensionUniqueName,?item.m_AnalysisStatus,
???(item.m_IsParameterized???'checked'?:?''),?item.m_DimensionType,?levelTypes));
??? 問題就出在倒數(shù)第二個括號上")"上,本來這個括號應(yīng)該在參數(shù)levelTypes之后,結(jié)果沒有注意弄到了levelTypes前面去了,這種書寫上的錯誤,要一眼看出來很難很難。更郁悶的是,JavaScript對函數(shù)的參數(shù)個數(shù),以及有沒有參數(shù)都一點不感興趣,所以這個錯誤的語句完全可以運行"正常",只是數(shù)據(jù)傳到后臺后,怎么也得不到需要的值,總是undefined。
??? 另外,還有復(fù)合參數(shù)調(diào)用的語句,如果能適當?shù)恼归_也會給我們帶來很多好處,比如代碼:
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);
??? 雖然這個展開的代碼沒有添加任何額外的邏輯,但是添加了臨時變量innerX和innerY的語句顯然比復(fù)合參數(shù)的語句要易于理解的多。這樣代碼雖然多了,但是卻使代碼有了self-documented特性,同時也沒有改變代碼的邏輯和效率。我相信在debug或者修改別人的代碼時,你是希望看到后一種寫法的。
??? 比如在C語言中,我們熟悉的字符串操作函數(shù)strcpy,strcat等,它們的原形一般是: extern?char?*strxxx(char?*dest, char?*src);
??? 返回值char*其實就是調(diào)用參數(shù)中的*dest,這樣一來就可以方便的寫出級聯(lián)表達式,如下:
char?*title?=?"Mr.?";
char?*name?=?"birdshome";
int?len?=?strlen(strcat(title,?name));
??? 在面向?qū)ο缶幊讨?#xff0c;通過方法返回對象,我們可以編寫鏈式表達式。雖然不管是級聯(lián)表達式也好,還是鏈式表達式也好,都可以讓我們在編寫代碼的方便一些,不過如果使用不當,也會非常郁悶。特別是對于級聯(lián)表達式,如果函數(shù)嵌套過多,不易理解不說,debug也會很郁悶。
??? 下面這個JavaScript的級聯(lián)語句,就讓我郁悶了很久。。。 dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
???item.m_DimensionUniqueName,?item.m_AnalysisStatus,
???(item.m_IsParameterized???'checked'?:?''),?item.m_DimensionType),?levelTypes);
??? 而正確的語句因該是下面這個: dimInfo.push(StringHelper.ArrayToString(item.m_DimensionName,
???item.m_DimensionUniqueName,?item.m_AnalysisStatus,
???(item.m_IsParameterized???'checked'?:?''),?item.m_DimensionType,?levelTypes));
??? 問題就出在倒數(shù)第二個括號上")"上,本來這個括號應(yīng)該在參數(shù)levelTypes之后,結(jié)果沒有注意弄到了levelTypes前面去了,這種書寫上的錯誤,要一眼看出來很難很難。更郁悶的是,JavaScript對函數(shù)的參數(shù)個數(shù),以及有沒有參數(shù)都一點不感興趣,所以這個錯誤的語句完全可以運行"正常",只是數(shù)據(jù)傳到后臺后,怎么也得不到需要的值,總是undefined。
??? 另外,還有復(fù)合參數(shù)調(diào)用的語句,如果能適當?shù)恼归_也會給我們帶來很多好處,比如代碼:
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);
??? 雖然這個展開的代碼沒有添加任何額外的邏輯,但是添加了臨時變量innerX和innerY的語句顯然比復(fù)合參數(shù)的語句要易于理解的多。這樣代碼雖然多了,但是卻使代碼有了self-documented特性,同時也沒有改變代碼的邏輯和效率。我相信在debug或者修改別人的代碼時,你是希望看到后一種寫法的。
轉(zhuǎn)載于:https://www.cnblogs.com/birdshome/archive/2006/05/22/Syntax-Attention.html
與50位技術(shù)專家面對面20年技術(shù)見證,附贈技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的在JavaScript中遭遇级联表达式陷阱的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数据源管理 | 关系型分库分表,列式库分
- 下一篇: gradle idea java ssm