Javascript隱式轉換

亂想

javascript為什么需要隱式轉換?如果沒有會出現什么情況?

找了一圈沒有看到關于這個的討論,只好自己研究了,可能不一定正確,自行辨知。

郁悶就是郁悶在好好的,為什么要搞個隱式轉換,一般來講這樣去想不太可能想出個結果,畢竟這門語言不是自己寫的,如果換一個問題,可能會好點,如果沒有隱式轉換javscript會成什么樣子?

比如下面這一段代碼:

console.log("10" - 1)

如果沒有隱式轉換,也許會報錯吧?或者返回NaN?,不太確定,但假如說javascript根本不存在隱式轉換,或許你不會這樣去寫代碼吧,那么就更奇怪了,設計隱式轉換究竟何目的?目前能想到的一點就是因為它是一門動態語言,值是運行時才知道的,因此有很多不確定的因素,這可能是作者設計隱式轉換的目的吧。

什么是隱式轉換

console.log(1 + "2");//12

可以看到一個是Number類型的值和一個String類型的值進行了相加,結果是12。那為什么是12呢?如果是按照數字相加應該是3,但這里卻是將1和2進行了字符串拼接,也就是說這里的1被轉換成了字符串1。

結論

如果兩個值(也可以是多個)的類型不同,但你卻拿它們來運算,它們就會進行隱式轉換,當然也不只是運算才會產生隱式轉換。

誰被轉換

console.log(10 + "2");//102console.log(10 - "2");//8 console.log(10 * "2");//20 console.log("2" - 10);//-8 console.log(10 / "2");//5

它們有一個小小的規律,如果是+號,數字會被轉換成字符串,而如果是減乘除則會將字符串轉換成數字。

那么為什么唯獨+號比較特別呢,因為在javascript中,+號是有兩個作用的,一個是數字相加,另一個是字符串拼接,而javscript默認把這種情況當成了字符串拼接。另減乘除就不存在這種問題,因此也只好將字符串轉換成數字。

哪些情況下會進行隱式轉換

上面的幾個例子中,都是在講運算符導致的隱式轉換,那么除了這種情況還有哪些情況下會進行隱式轉換?

某些函數

isNaN():

console.log(isNaN(2)) //false
console.log(isNaN("a")) //true console.log(isNaN("2")) //false

isNaN會將傳進來的那個值進行轉換如果能夠轉換成數字那么就是false(如果本身就是數字那么也是false),否則true。

條件判斷
if(""){console.log(true); //不會被打印 } if(" "){ console.log(true); //會被打印 }

空字符串會被轉換成false,否空字符串會被轉換成true。

[0,-1,[],{},NaN,undefined,null,""," "].forEach(function(item,index){ if(item){ console.log(item); } }) // 打印的有:-1,[],{}," "

也就是除,非0的數字,數組,對象,非空字符串都會被轉換成true,其他的false。

需要注意的是switch不會進行隱式轉換

switch("5"){case 5:console.log(5); break; case "5": console.log("5"); //打印這條 break; } 

如果switch會進行隱式轉換那么問題就出大了,甚至我們都不敢去使用它。那么為什么if會進行隱式轉換,我的理解是,因為if它的值無非就是true跟false,而你傳進來的不是這種類型,它自然需要進行轉換,switch則不同,它判斷的是一個值是不是和另外一個值相等,因此它不能去轉換,換一句話說switch使用的是 === 比較。

其他類型的混合運算

相加

console.log([]+0); //0console.log(!+0); //true console.log(!+1); //false console.log(NaN+2); //NaN console.log(NaN+"2"); //NaN2 console.log(NaN+"a"); //NaNa console.log(undefined+0); //NaN console.log(undefined+"0"); //undefined0 console.log(null+0); //0 console.log(null+"0"); //null0 console.log({}+0); //[object Object]0 console.log({}+"0"); //[object Object]0 console.log(""+0); //0 console.log(""+"0"); //0 console.log(true + 0); //1 console.log(true + "0"); //true0 console.log(false + 0); //0 console.log(false + "0"); //false0 
  • []》 0
  • !》 會將后面的那個值轉換成布爾類型,然后取反
  • undefined 》 根據后面的那個值來進行轉換,如果是數字轉換成NaN,否則字符串拼接
  • {} 》 [object Object]
  • true 》 1
  • false 》 0

其實有一個規律,除了[],{},其他的值具體轉換是根據和它進行運算的那個值的類型來轉換的。

相減

console.log([]-0); //0console.log(!-0); //true console.log(!-1); //false console.log(NaN-2); //NaN console.log(NaN-"2"); //NaN console.log(NaN-"a"); //NaN console.log(undefined-0); //NaN console.log(undefined-"0"); //NaN console.log(null-0); //0 console.log(null-"0"); //0 console.log({}-0); //NaN console.log({}-"0"); //NaN console.log(""-0); //0 console.log(" "-"0"); //0 console.log("1"-"0"); //1

除了相加以為,其他的幾個運算符,主要還是將這些值轉換成數字進行運算,比較特殊的是!(取反),它始終轉換成的是一個布爾值。

一些有趣的事

根據這些隱式轉換,有時我們可以用它來做一些不同尋常的事,比如直接利用隱式轉換來取得一個object字符串。

console.log(({}+0).substring(1,({}+0).indexOf(" "))) //object

原理因為{}+0等于 = "[object Object]0",既然它是一個字符串,那么我們可以用字符串的方法,將其中的某個值取出來,也可以用[]的方式來取值。

也就是利用這些隱式轉換你可以取得任何字符串,甚至中文,不過需要你對javascript有點基礎罷了。

console.log(String.fromCharCode(20013)) //中

取中文需要你知道對應的字符串編碼值

隱式轉換帶來的利與弊

好處就是,我們不需要直接顯示的進行轉換,比如你想將一個字符串轉成數字,只需要這樣:

console.log("15"-0) //數字15

傳統的做法

console.log(parseInt("15")) //數字15

但也有壞處,就是有些你并不希望進行轉換,但它卻轉換了,而往往你容易忘了它會進行隱式轉換這一點,導致一些不太明顯的bug。

總結

大致會進行隱式轉換的情況如下:

1、不同類型的值進行運算
2、判斷
3、個別函數

問答

這兩年越來越多討論關于全棧工程師的話題,而實際上所謂的全棧工程師就是早期的程序員,那時分工沒有現在這么明細,很多活都是一個人干,后來才開始分前端后端等,現在又開始所謂的全棧,你怎么看?如果你想成為一個全棧工程師,你會怎么做?

轉載于:https://www.cnblogs.com/libin-1/p/6130768.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/255826.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/255826.shtml
英文地址,請注明出處:http://en.pswp.cn/news/255826.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

雙工位機器人 焊接夾具注意事項 o(╯□╰)o

焊接夾具設計注意事項 一套完美的夾具,需要機械設計人員正確的設計思想,良好的配件質量,鉗工負責認真的裝配質量,卡具在使用中不斷的修磨和改進,才會達到好的效果。 本人非機械設計,只是在使用焊接卡具過程中遇到了很多卡具設計上…

【公共類庫】加密解密

public static class MyEncryption{#region Md5加密/// <summary>/// 使用MD5加密/// </summary>/// <param name"str">需要加密的數據。</param>/// <param name"kind">加密類型&#xff1a;1-普通加密&#xff1b;2-密碼加…

使用JOTM實現分布式事務管理(多數據源)

使用spring和hibernate可以很方便的實現一個數據源的事務管理,但是如果需要同時對多個數據源進行事務控制,并且不想使用重量級容器提供的機制的話,可以使用JOTM達到目的. JOTM的配置十分簡單,spring已經內置了對JOTM的支持,一.<bean id"jotm" class"org.spri…

【機器學習】——《機器學習實戰》面試復習

目錄 一、機器學習概念 二、機器學習步驟 三、有監督學習 1、k-近鄰算法 核心思想 實例&#xff1a;手寫數字的識別 優缺點&#xff1a; 2、決策樹 相關概念 核心思想 一些小技巧 優缺點 3、神經網絡 4、SVM——支持向量機 核心思想 SVM和SVR的區別 ? 優缺點…

一鍵分享代碼

文章出處&#xff1a;http://share.baidu.com/code/advance 一、概述 百度分享代碼已升級到2.0&#xff0c;本頁將介紹新版百度分享的安裝配置方法&#xff0c;請點擊左側列表查看相關章節。 二、代碼結構 分享代碼可以分為三個部分&#xff1a;HTML、設置和js加載&#xff0c;…

ubuntu安裝LDAP

參考文獻&#xff1a; https://help.ubuntu.com/12.04/serverguide/openldap-server.html&#xff08;最主要的&#xff09; http://www.linuxidc.com/Linux/2011-08/40020.htm http://blog.chinaunix.net/uid-24276740-id-3360306.html 前言 在網上搜索ldap的安裝配置&#xf…

58.貪心算法練習:??最小新整數

總時間限制: 1000ms 內存限制: 65536kB 描述 給定一個十進制正整數n(0 < n < 1000000000)&#xff0c;每個數位上數字均不為0。n的位數為m。現在從m位中刪除k位(0< m)&#xff0c;求生成的新整數最小為多少&#xff1f;例如: n 9128456, k 2, 則生成的新整數最小…

ABB機器人之LOADDATA

ABB機器人之LOADDATA loaddata是用來描述連接到機器人機械接口的負載&#xff08;機器人的安裝法蘭&#xff09;。loaddata數據通常定義有效載荷或負荷&#xff08;通過指令gripload設置機器人抓手負載 或mechunitload指令設置變位機負載。loaddata通常也作為tooldata的一部分&…

【深度學習】——性能指標(ROC、MAP、AUC等)

目錄 一、分類任務性能指標 1、混淆矩陣 2、精確度ACCURACY 正確數/總數 3、查全率&#xff08;RECALL&#xff09;——真正正樣本中預測正確的比例 4、查準率&#xff08;precision&#xff09;——預測為正樣本中的預測正確的比例 5、F-score——對查準率和查全率進行結…

【深度學習】——過擬合的處理方法

目錄 一、什么是過擬合&#xff1f;&#xff08;overfitting&#xff09; 二、過擬合的表現&#xff08;判定方法&#xff09; 訓練集、測試集、驗證集區別 測試集與驗證集的區別 三、產生過擬合的原因 1、樣本方面 2、模型方面 四、避免過擬合的方法 1、樣本方面 1&…

ASP.NET頁面的字符編碼設置

在用ASP.NET寫網上支付的接口程序時&#xff0c;遇到一個奇怪問題&#xff0c;通過表單提交過去的中文全是亂碼&#xff0c;英文正常。而用asp程序進行測試&#xff0c;可以正常提交中文&#xff0c;asp頁面中有這樣的HTML代碼&#xff1a; <meta http-equiv"Content-T…

帝人製機--適合的機遇--遇到恰到好處的產品--工業機器人減速機造就一個百年企業

持之以恒是成功的必要條件&#xff0c;但是也要有恰當的土壤。日本Nabtesco(納博特斯克)舊名&#xff1a;帝人製機(TEIJINSEIKI)高性能日本RV減速機納博特斯克(Nabtesco)公司是一家居世界領先地位的精密傳動控制系統及組件製造商。目前全世界已有超過兩百萬件由Nabtesco製造的精…

Python個人項目--豆瓣圖書個性化推薦

項目名稱: 豆瓣圖書個性化推薦 需求簡述&#xff1a;從給定的豆瓣用戶名中&#xff0c;獲取該用戶所有豆瓣好友列表&#xff0c;從豆瓣好友中找出他們讀過的且評分5星的圖書&#xff0c;如果同一本書被不同的好友評5星&#xff0c;評分人數越多推薦度越高。 輸入&#xff1a;豆…

#define宏定義形式的函數導致的bug

定義了一個宏定義形式的"函數": #define SUM8(YY)\ {\ int Y YY>>2;\ ...\ } 然后使用的時候&#xff0c;傳入了一個同名的變量Y: int Y Ywin[x]; SUM8(Y) 本意是想展開成int Y Ywin[x]>>2; 但實際上#define只是把參數名(YY)替換&#xff0c;與函數…

【深度學習】——BN層(batch normalization)

目錄 一、“Internal Covariate Shift”問題 二、BatchNorm的本質思想 兩個參數r和β的意義——精髓所在 三、訓練階段如何做BatchNorm 四、BatchNorm的推理(Inference)過程 五、BatchNorm的好處 一般使用在卷積層后、激活層前 Batch Normalization作為最近一年來DL的重要…

打印池

餐飲行業&#xff0c;打印池是必要的部件。 實現原理&#xff1a;每一臺打印機都有自己的任務隊列和處理任務隊列的線程。 unit untPrintTask; interface uses System.SysUtils, System.Classes, Datasnap.DBClient, frxclass, System.Generics.Collections; type TBillContent…

JAXB vs XStream

2019獨角獸企業重金招聘Python工程師標準>>> JAXB vs XStream 博客分類&#xff1a; java JAXB vs XStream 這兩東東本質上是有差別的&#xff0c;JAXB稱為OX binding工具&#xff0c;XStream應該算序列化工具&#xff0c;但OX binding工具也會marshall和unmarsha…

ABB 機器人 DRVIO_1通信報警

ABB 機器人DRVIO_1通信報警 2014.06.13 ABB1600弧焊機器人&#xff0c;從A地搬運到B地&#xff0c;到達B地后&#xff0c;機器人上電&#xff0c;報DRVIO_1通信故障&#xff0c;機器人進入故障停止模式。 DRVIO_1為LOCAL_GENERIC類型的ABB內部LOCAL總線類型的單元實例。 故障…

S2SH CRUD 整合

S2SH CRUD 整合 采用的框架 Struts2Spring4Hbiernate4. 目錄結構 &#xff1a; EmployeeAction: 1 package com.xx.ssh.actions;2 3 import java.io.ByteArrayInputStream;4 import java.io.InputStream;5 import java.io.UnsupportedEncodingException;6 import java.util.…

ABB 機器人 添加多任務

首先&#xff0c;需要啟用多任務選項的控制器。 要做到這一點&#xff0c;創建一個新的機器人控制器RobotStudio站 - >選擇機器人&#xff08;控制器菜單&#xff09; - >.................. - >系統生成器 - >選擇控制器 - >修改...下一頁 - >下一步 - >…