這篇文章給大家介紹如何在JavaScript中對(duì)類型進(jìn)行強(qiáng)制轉(zhuǎn)換,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
我們擁有10年網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)經(jīng)驗(yàn),從網(wǎng)站策劃到網(wǎng)站制作,我們的網(wǎng)頁(yè)設(shè)計(jì)師為您提供的解決方案。為企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站制作、微信開(kāi)發(fā)、成都小程序開(kāi)發(fā)、移動(dòng)網(wǎng)站建設(shè)、H5場(chǎng)景定制、等業(yè)務(wù)。無(wú)論您有什么樣的網(wǎng)站設(shè)計(jì)或者設(shè)計(jì)方案要求,我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計(jì)服務(wù)并滿足您的需求。avaScript 原語(yǔ)
JavaScript 建立在一系列基本單元之上。你應(yīng)該對(duì)其中的一些已經(jīng)很熟悉了,比如字符串和數(shù)字:
var greet = "Hello"; var year = 89;
字符串和數(shù)字是該語(yǔ)言所謂“原語(yǔ)”的一部分。完整清單是:
String
Number
Boolean
Null
Undefined
Object
Symbol (ES6中添加,此處不予介紹)
布爾值用來(lái)表示可能是真或假的值。 null 是故意不去賦值,它通常被分配給一個(gè)變量,用于表示綁定完畢,稍后將填充有意義的內(nèi)容。
var maybe = null;
然后才是 undefined,這意味著變量仍然沒(méi)有被附加上:
var name; console.log(name) undefined
null 和 undefined 看起來(lái)非常相似,但它們是兩個(gè)截然不同的實(shí)體,很多開(kāi)發(fā)人員仍然不確定應(yīng)該使用哪個(gè)。
如果要判斷 JavaScript 實(shí)例的類型,可以用 typeof 運(yùn)算符。讓我們用字符串嘗試一下:
typeof "alex" > "string"
還有數(shù)字:
typeof 9 > "number"
用于布爾值:
typeof false > "boolean"
undefined:
typeof undefined > "undefined"
還有 null:
typeof null > "object"
結(jié)果令人驚訝! null 看起來(lái)像一個(gè)對(duì)象,但實(shí)際上它是 JavaScript 中的一個(gè)歷史性錯(cuò)誤,自語(yǔ)言誕生就躺在那里了。 由于這些問(wèn)題,JavaScript 一直聲名狼借。但這僅僅是個(gè)開(kāi)始。
陌生的事情
在 JavaScript 中,在兩種類型之間進(jìn)行轉(zhuǎn)換時(shí)有一些奇怪的規(guī)則。讓我給你一些背景信息。先用 Python 舉一個(gè)例子。 在 Python 中執(zhí)行以下指令:
'hello' + 89
會(huì)給你一個(gè)明確的錯(cuò)誤:
TypeError: can only concatenate str (**not** "int") to str
而在 JavaScript 中,只有天空才是你的極限:
'hello' + 89
事實(shí)上給出:
"hello89"
如果我們嘗試向字符串添加數(shù)組,看起來(lái)會(huì)更加奇怪:
'hello' + []
將會(huì)得到
'hello'
還有
'hello' + [89]
會(huì)給你一個(gè)驚喜:
"hello89"
看起來(lái)這種轉(zhuǎn)換背后存在某種邏輯。它甚至適用于存在更多元素的 array :
'hello' + [89, 150.156, 'mike']
得到:
"hello89,150.156,mike"
這兩行 JavaScript 足以讓 Java 程序員逃離。但是這種行為在 JavaScript 中 100% 是又意義的。因此這種隱式轉(zhuǎn)換,也稱為強(qiáng)制類型轉(zhuǎn)換是非常值得探索的。
當(dāng)一個(gè)數(shù)字變成一個(gè)字符串
一些編程語(yǔ)言有一個(gè)叫做類型轉(zhuǎn)換的概念,這意味著:如果我想把一個(gè)數(shù)字或?qū)嵗D(zhuǎn)換為另一種類型,那么我必須使顯式轉(zhuǎn)換。它也適用于 JavaScript。請(qǐng)看以下示例:
var greet = "Hello"; var year = 89;
如果我想明確的進(jìn)行轉(zhuǎn)換,可以在代碼中表明意圖:
var greet = "Hello"; var year = 89; var yearString = year.toString()
要么這樣做:
var greet = "Hello"; var year = 89; var yearString = String(year)
然后我可以連接兩個(gè)變量:
greet + yearString;
但是在 JavaScript 中有一種被稱為隱式轉(zhuǎn)換的微妙機(jī)制,由 JavaScript 引擎提供。該語(yǔ)言不會(huì)阻止我們對(duì)數(shù)字和字符串進(jìn)行加法操作:
'hello' + 89
會(huì)得到:
"hello89"
但是這種轉(zhuǎn)換背后的邏輯是什么?你可能會(huì)驚訝地發(fā)現(xiàn) JavaScript 中的加法運(yùn)算符 + 會(huì)自動(dòng)將兩個(gè)操作數(shù)中的任何一個(gè)都轉(zhuǎn)換為字符串,如果其中至少有一個(gè)是字符串的話!
你會(huì)發(fā)現(xiàn)更令人驚訝的是,這條規(guī)則在ECMAScript規(guī)范中一脈相承。 第11.6.1節(jié) 定義了加法運(yùn)算符的行為,我在這里為你做了總結(jié):
如果 x 是 String 或 y 是String,則返回 ToString(x),然后返回ToString(y)
這個(gè)花招只適用于數(shù)字嗎?并不是。 數(shù)組和對(duì)象也會(huì)受到相同的轉(zhuǎn)換:
'hello' + [89, 150.156, 'mike']
會(huì)得到:
"hello89,150.156,mike"
那么下面的代碼會(huì)得到怎樣的結(jié)果:
'hello' + { name: "Jacopo" }
要找到答案,你可以通過(guò)將對(duì)象轉(zhuǎn)換為字符串來(lái)進(jìn)行快速測(cè)試:
String({ name: "Jacopo" })
將會(huì)得到:
"[object Object]"
所以我有一種感覺(jué):
'hello' + { name: "Jacopo" }
會(huì)得到:
"hello[object Object]"
打??!這又是什么?
JavaScript 中 [object Object] 的含義是什么?
“[object Object]” 是最常見(jiàn)的 JavaScript “怪癖”之一。
幾乎每個(gè) JavaScript 實(shí)例都有一個(gè)名為 toString() 的方法,有些方法是由 Object.prototype.toString 提供的。
某些類型(如數(shù)組)實(shí)現(xiàn)了 toString() 的自定義版本,以便在調(diào)用方法時(shí)將值轉(zhuǎn)換為字符串。例如 Array.prototype.toString 會(huì)覆蓋 Object.toString()(也稱為 method shadowing)。
但是當(dāng)你在普通的 JavaScript 對(duì)象上調(diào)用 toString() 時(shí),引擎會(huì)給出“[object Object]”,因?yàn)?Object.toString() 的默認(rèn)行為是由實(shí)體類型(在這種情況下為Object)返回字符串 object 。
現(xiàn)在讓我們把注意力集中在 JavaScript 比較運(yùn)算符上,它們與算術(shù)運(yùn)算符一樣奇怪。
等于還是不等于?
JavaScript 中有兩個(gè)主要的比較運(yùn)算符。
第一個(gè)我們稱之為“弱比較”。這是抽象比較運(yùn)算符(雙等號(hào)):==。
另一個(gè)是“強(qiáng)比較”,可以通過(guò)三等號(hào)進(jìn)行識(shí)別:=== 也稱為嚴(yán)格比較運(yùn)算符。它們兩者的行為方式完全不同。
來(lái)看一些例子。首先,如果我們將兩個(gè)字符串與兩個(gè)運(yùn)算符進(jìn)行比較,我們得到相同的結(jié)果
"hello" == "hello"
> true
"hello" === "hello"
> true
看上去一切都還好。
現(xiàn)在嘗試比較兩種不同的類型,數(shù)字和字符串。首先是“強(qiáng)比較”:
"1" === 1 false
這說(shuō)得通!字符串“1”與數(shù)字1是不同的。但是“弱比較”會(huì)發(fā)生什么?
"1" == 1 true
居然是true!它沒(méi)有任何意義,除非這種行為與我們之前看到的隱式轉(zhuǎn)換有關(guān)。
如果適用相同的規(guī)則怎么辦?沒(méi)錯(cuò)! ECMAScript spec 再次罷工。結(jié)果抽象比較運(yùn)算符在比較它們之前在類型之間進(jìn)行自動(dòng)轉(zhuǎn)換。這是規(guī)范的摘要:
比較 x == y 執(zhí)行如下:
如果 x 是 String 且 y 是Number,則返回比較結(jié)果 ToNumber(x)== y
規(guī)范說(shuō):如果第一個(gè)操作數(shù)是一個(gè)字符串,第二個(gè)操作數(shù)是一個(gè)數(shù)字,那么將第一個(gè)操作數(shù)轉(zhuǎn)換為數(shù)字。有趣。
有進(jìn)行自動(dòng)轉(zhuǎn)換。在代碼中使用嚴(yán)格相等比較可以避免愚蠢的 bug。
關(guān)于如何在JavaScript中對(duì)類型進(jìn)行強(qiáng)制轉(zhuǎn)換就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
新聞名稱:如何在JavaScript中對(duì)類型進(jìn)行強(qiáng)制轉(zhuǎn)換-創(chuàng)新互聯(lián)
URL分享:http://aaarwkj.com/article38/gdcpp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站導(dǎo)航、網(wǎng)站排名、App設(shè)計(jì)、全網(wǎng)營(yíng)銷推廣、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容