成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

JS類(lèi)型（二）:?JS 類(lèi)型轉(zhuǎn)換

fjcgreat / 1547人閱讀

前言

在第一篇文章中，講解了 關(guān)于“==”時(shí)，JS做的類(lèi)型轉(zhuǎn)換。從第一篇文章中可以發(fā)現(xiàn) == 時(shí)，基本類(lèi)型都朝著數(shù)字類(lèi)型轉(zhuǎn)換，還是貼出上篇文章的圖：

那么JS類(lèi)型轉(zhuǎn)換都是按照這個(gè)模式進(jìn)行轉(zhuǎn)換的嗎？例如null能轉(zhuǎn)換成數(shù)字類(lèi)型嗎？如果能，會(huì)轉(zhuǎn)換成多少？

   const data = 1 + null;
   data;// 1

你想到這個(gè)結(jié)果了嗎？

正文 基本類(lèi)型轉(zhuǎn)換

下面是JS類(lèi)型轉(zhuǎn)換的圖表：

圖表顯示null轉(zhuǎn)換成了0。等等。。。不是說(shuō)null沒(méi)有toString和valueOf的方法的嗎？怎么能轉(zhuǎn)換成數(shù)字呢？？

這完全不符合第一篇 == 的套路??！

具體怎么回事呢？

問(wèn)題在于JS類(lèi)型轉(zhuǎn)換只存在于“==”的時(shí)候嗎？肯定不是！

除了==符號(hào)會(huì)產(chǎn)生類(lèi)型轉(zhuǎn)換，"+" "-" "*" "／" ">""<"等符號(hào)也會(huì)使JS發(fā)生類(lèi)型轉(zhuǎn)換，所以==的類(lèi)型轉(zhuǎn)換規(guī)則不是萬(wàn)能的，只適用于== 。那么應(yīng)該如何記住類(lèi)型轉(zhuǎn)換這張表格呢？其實(shí)大部分轉(zhuǎn)換規(guī)則是可以根據(jù)第一篇文章講的==的轉(zhuǎn)換規(guī)則得出正確答案的，只是有幾個(gè)特殊的例子罷了。

第一篇文章講到了 {}會(huì)轉(zhuǎn)換成字符串"[object Object]",則：

比較特殊的就是undefined null類(lèi)型：
（1）在進(jìn)行 == 的時(shí)候，undefined null 會(huì)嘗試轉(zhuǎn)換成基本類(lèi)型，但是不存在toString valueOf方法，所以無(wú)論如何是轉(zhuǎn)換不成基本類(lèi)型的。
（2）在做字符串拼接的時(shí)候會(huì)按照表里面的轉(zhuǎn)換成字符串的規(guī)則
（3）在做數(shù)值運(yùn)算的時(shí)候會(huì)按照表中轉(zhuǎn)換成數(shù)字的規(guī)則
最特殊的就是前言中介紹的null轉(zhuǎn)換為0!

表格中{}轉(zhuǎn)換成字符串類(lèi)型和數(shù)值類(lèi)型通常如下：

這樣就能記住這張類(lèi)型轉(zhuǎn)換表了。注意這張類(lèi)型轉(zhuǎn)換表適用于所以發(fā)生類(lèi)型轉(zhuǎn)換的情況哦。

Object類(lèi)型轉(zhuǎn)換成基本類(lèi)型

ECMAScript內(nèi)部有一個(gè)函數(shù) ToPrimitive() (這個(gè)函數(shù)不能在javascript中調(diào)用), 下面是轉(zhuǎn)換規(guī)則:

 ToPrimitive(input, PreferredType?)

這個(gè)可選的 PreferredType 表示最終要轉(zhuǎn)換成的基本類(lèi)型: 它是數(shù)字類(lèi)型或者字符串類(lèi)型,這取決于ToPrimitive()的結(jié)果是否可以轉(zhuǎn)換成一個(gè)數(shù)字還是一個(gè)字符串。
如果PreferredType 是數(shù)字類(lèi)型, 轉(zhuǎn)換將遵循以下步驟:

如果輸入的是基本類(lèi)型，就直接返回它

如果輸入的是Object
（1）會(huì)先調(diào)用 input.valueOf()。如果結(jié)果是基本類(lèi)型就返回它
（2）如果input.valueOf()不是基本類(lèi)型，就會(huì)調(diào)用input.toString()，如果結(jié)果是基本類(lèi)型就返回它
（3）如果還不能得到基本類(lèi)型，就會(huì)拋出TypeError錯(cuò)誤

如果PreferredType 是String, 第二條的（1）（2）順序反轉(zhuǎn)一下。

有個(gè)地方需要注意，如果指定了要轉(zhuǎn)換的類(lèi)型，則會(huì)優(yōu)先調(diào)用轉(zhuǎn)換的方法，例如：

 var s = { toString: function () { return "7"; } }; 
 
 String(s);// toString() => "7"
 Number(s);// valueOf() => 7
Number() 與 parseInt()/parseFloat()

1.Number(num) 會(huì)對(duì)boolean string null 類(lèi)型做一些轉(zhuǎn)換：

parseFloat(true); // same as parseFloat("true") => NaN
Number(true); // 1

parseFloat(null); // same as parseFloat("null") => NaN
Number(null); // 0

parseFloat(""); // NaN
Number(""); // 0

也就是說(shuō)Number走的是類(lèi)型轉(zhuǎn)換那張表。
我們經(jīng)常使用 +[number]的形式來(lái)實(shí)現(xiàn)Number(number)。

2.parseInt(num，radix)/parseFloat(num,radix)可以設(shè)置解析的進(jìn)制radix,并且會(huì)解析出合法的部分:

 parseFloat("123.45#")； // 123.45
 Number("123.45#"); // NaN

parseFloat("	v
12.34
");

parseInt()/parseFloat()才是真正的解析數(shù)字。

3.使用parseInt()去解析數(shù)字會(huì)有問(wèn)題

Don’t use parseInt() to convert a number to an integer:coercion to string is an unnecessary detour and even then, the result is not always correct.（《SpeakingJavascript》）

情況一：整數(shù)>=21bit之后會(huì)用e表示數(shù)字大小

 parseInt(1000000000000000000000.5, 10); // 1
 首先轉(zhuǎn)換成字符串：
 String(1000000000000000000000.5)； // "1e+21"

情況二：小數(shù)部分>=7bit會(huì)用e表示數(shù)字大小

parseInt(0.0000008, 10); // 8
String(0.0000008); // "8e-7"

總結(jié)：
1.大多情況下優(yōu)先使用Number()
2.如果確定是解析字符串，并且取里面能提取出的數(shù)字，這種情況下使用parseInt()/parseFloat()
3.非十進(jìn)制解析的情況下使用parseInt()/parseFloat()

后記

猜測(cè)：

在做== 運(yùn)算時(shí)：右側(cè)世界undefined null ，永遠(yuǎn)不等于左側(cè)的世界中的值，是因?yàn)閡ndefined null 想轉(zhuǎn)換成基本類(lèi)型（和引用類(lèi)型處理方式一致），但是它們沒(méi)有toString valueOf方法；

這一篇undefined null 類(lèi)型轉(zhuǎn)換還可以看出：例如 + 運(yùn)算，JS會(huì)根據(jù)實(shí)現(xiàn)，按照表格中的JS類(lèi)型轉(zhuǎn)換，{}轉(zhuǎn)換成字符串[object Object],null裝換成數(shù)字0。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/89331.html

相關(guān)文章

  • js基礎(chǔ)知識(shí)學(xué)習(xí)（二）

    摘要：基礎(chǔ)知識(shí)數(shù)據(jù)類(lèi)型轉(zhuǎn)換把其它數(shù)據(jù)類(lèi)型轉(zhuǎn)換為類(lèi)型在進(jìn)行加減乘除數(shù)學(xué)運(yùn)算的時(shí)候引用數(shù)據(jù)類(lèi)型轉(zhuǎn)換數(shù)字通過(guò)方法把數(shù)組轉(zhuǎn)換為字符串，然后在調(diào)用把字符串轉(zhuǎn)換為數(shù)字中的數(shù)學(xué)運(yùn)算加減乘除除了加法有特殊性，其余的運(yùn)算符都是數(shù)學(xué)運(yùn)算，也就 JS基礎(chǔ)知識(shí) JavaScript 數(shù)據(jù)類(lèi)型轉(zhuǎn)換 把其它數(shù)據(jù)類(lèi)型轉(zhuǎn)換為number類(lèi)型 isNaN 、Number、parseInt、parseFloat在進(jìn)行加減乘除數(shù)...

    Dean 評(píng)論0 收藏0

  • 你不知道的JavaScript（二）

    摘要：第三章原生函數(shù)有很多原生函數(shù)，為基本的數(shù)據(jù)類(lèi)型值提供了封裝對(duì)象，，，等。我們可以通過(guò)來(lái)查看所有返回的對(duì)象的內(nèi)置屬性這個(gè)屬性無(wú)法直接訪問(wèn)。這個(gè)符號(hào)能有奇妙的功能，可以視為。通常用來(lái)把轉(zhuǎn)換為數(shù)字，用來(lái)將轉(zhuǎn)換為字符串，用來(lái)將取整。 第三章 原生函數(shù)JS有很多原生函數(shù)，為基本的數(shù)據(jù)類(lèi)型值提供了封裝對(duì)象，String，Number，Boolean等。我們可以通過(guò){}.call.toStri...

    macg0406 評(píng)論0 收藏0

  • javascript基礎(chǔ)

    摘要：一彈窗和輸出執(zhí)行順序是從上到下執(zhí)行控制瀏覽器彈出一個(gè)警告框讓計(jì)算機(jī)在頁(yè)面中輸出一個(gè)內(nèi)容在中寫(xiě)一個(gè)內(nèi)容寫(xiě)可以向中輸出一個(gè)內(nèi)容看我出不出來(lái)向控制臺(tái)輸出一個(gè)內(nèi)容作用是向控制臺(tái)輸出一個(gè)內(nèi)容你猜我在哪出來(lái)二編寫(xiě)位置可以將代碼編寫(xiě)到外部文件中，然后通過(guò) 一.彈窗和輸出 **javascript執(zhí)行順序是從上到下執(zhí)行** 1.控制瀏覽器彈出一個(gè)警告框 alert(HelloWord); 2.讓計(jì)...

    XFLY 評(píng)論0 收藏0

  • 【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門(mén)

    摘要：個(gè)人前端文章整理從最開(kāi)始萌生寫(xiě)文章的想法，到著手開(kāi)始寫(xiě)，再到現(xiàn)在已經(jīng)一年的時(shí)間了，由于工作比較忙，更新緩慢，后面還是會(huì)繼更新，現(xiàn)將已經(jīng)寫(xiě)好的文章整理一個(gè)目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開(kāi)始萌生寫(xiě)文章的想法，到著手...

    madthumb 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<