本篇內(nèi)容介紹了“怎么避免JavaScript類型轉(zhuǎn)換”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
在瑞安等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站制作、成都做網(wǎng)站 網(wǎng)站設(shè)計制作按需開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,網(wǎng)絡(luò)營銷推廣,外貿(mào)網(wǎng)站建設(shè),瑞安網(wǎng)站建設(shè)費用合理。
你是否經(jīng)歷過JavaScript中的某些值比較沒有得到預(yù)期結(jié)果的情況?
看下面的情況:
即使[]==0結(jié)果為真,if[]條件也沒有根據(jù)結(jié)果執(zhí)行。有沒有想過為什么會這樣?
本文主要說明這些值比較的工作原理以及影響它們的因素。在深入解釋之前,大家要熟悉一個概念:類型轉(zhuǎn)換。
什么是 JavaScript 類型轉(zhuǎn)換?
這也稱為類型強制。對于不熟悉此概念的人來說,它只是將值從一種數(shù)據(jù)類型自動轉(zhuǎn)換為另一種數(shù)據(jù)類型。
看個例子,大家會更清楚明白。
在此示例中,定義的兩個變量具有兩種類型;字符串和數(shù)字。但是,當我們使用 ==(非嚴格比較)進行比較時,結(jié)果為true。原因是當我們使用==比較這兩個時,JavaScript 會自動嘗試將String類型轉(zhuǎn)換為Number類型以產(chǎn)生結(jié)果。這是一種強制轉(zhuǎn)換。
JavaScript中有多種強制類型。
Number conversions
String conversions
Boolean conversions
對象的類型轉(zhuǎn)換
類型強制轉(zhuǎn)換都是好的嗎?
在上述情況下,類型轉(zhuǎn)換沒有害處。但是,在許多情況下,類型強制會導致問題。
我們看下面例子。
在這里,JavaScript已將Number類型轉(zhuǎn)換為String。這與相等比較中發(fā)生的情況相反。我們預(yù)期的結(jié)果是450。但是,我們得到了String輸出。
現(xiàn)在,我們對類型轉(zhuǎn)換以及為什么要避免使用類型轉(zhuǎn)換有了清晰的了解,讓我們看看如何避免類型轉(zhuǎn)換。這是本文最重要的部分。因此,請坐下來,喝咖啡并集中精力??
1. 對數(shù)學運算使用顯式轉(zhuǎn)換
如果你需要對用戶輸入或任何其他值使用數(shù)學運算,則在執(zhí)行該運算之前,自己進行一次顯式轉(zhuǎn)換會更安全。這樣,可以避免任何意外行為。
2. 使用模板字面值連接字符串,而不是+
如果需要連接兩個數(shù)字,則使用模板文字會更安全。特別是不確定值的類型。
也可以使用顯式轉(zhuǎn)換來導出相同的結(jié)果。
3.當比較值時,使用嚴格的比較(===)
前面我們看到,當使用==時,JavaScript 會執(zhí)行隱式類型轉(zhuǎn)換,這會導致不一致的結(jié)果。因此,在我們的生產(chǎn)代碼中使用它是不安全的。
為了得出預(yù)期的結(jié)果,應(yīng)該始終使用===進行比較。三等號隱含地表示:
我可以同時了解變量的值和類型
因此,如果將數(shù)字和字符串與值進行比較,結(jié)果將是false,因為它也會考慮變量的類型。
這是獲得預(yù)期一致結(jié)果的更安全的方法。
在JavaScript中,數(shù)據(jù)類型有兩種變體。
原始值(字符串、數(shù)字等)
非原始值(數(shù)組、對象)
到目前為止,我們已經(jīng)討論了原始數(shù)據(jù)類型的類型轉(zhuǎn)換。我提供的第一個示例涉及非原始數(shù)據(jù)類型,例如數(shù)組。
所有非原始數(shù)據(jù)類型都有一個名為.toPrimitive()的內(nèi)置函數(shù)。比較非原始值和原始值時,此函數(shù)會自動將非原始類型轉(zhuǎn)換為原始類型。在我們看過的第一個示例中,當使用此函數(shù)進行非嚴格比較時,空數(shù)組將轉(zhuǎn)換為空字符串。確切地說,用于執(zhí)行此轉(zhuǎn)換的確切函數(shù)是toString()。因此,空數(shù)組(將轉(zhuǎn)換為空字符串)等于0。
正如我們前面所看到的,當在if條件中檢查空數(shù)組時,將執(zhí)行條件中的行。但是,如果空數(shù)組隱式轉(zhuǎn)換為0怎么辦?
這是在單獨的JavaScript條件下進行的: 真值和虛值 。除了true以外,JavaScript 將大部分有值的視為真值,除了少數(shù)值。例如,0,-0,""被視為虛值。由于空數(shù)組不被認為是虛值,當在條件中檢查它時,它將作為真值執(zhí)行。(這里不會發(fā)生類型轉(zhuǎn)換,空數(shù)組保留為數(shù)組,這是類型轉(zhuǎn)換不一致的另一個例子。)
JavaScript作為一種松散類型語言,執(zhí)行隱式類型轉(zhuǎn)換。這會導致不一致和意想不到的結(jié)果。因此,我們應(yīng)該在任何時候都避免這種類型轉(zhuǎn)換。如果不確定值的類型,可以使用typeof檢查。檢查類型可以讓我們更好地理解應(yīng)該如何進行轉(zhuǎn)換。
“怎么避免JavaScript類型轉(zhuǎn)換”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!