parseInt的结果看不懂,请看我分析

parseInt的使用,对于今天之前的我还是只使用用它来转换字符数字,但是今天我遇到下面三个表达式蒙圈了

console.log(parseInt(3,8));   //3
console.log(parseInt(3,2));   //NaN
console.log(parseInt(3,0));   //3

 看到这里,突然发现我对parseInt很陌生呀,所以,我在MDN找到了parseInt的语法

 

 

看到这里,我还是觉得有点懵,所以我又百度了,看到博客园上另一篇对parseInt的解释--parseInt原来是这样用的,我看懂了radix的具体用法(相当于设置第一个字符串的几进制),

所以我来解释一下 上面三个的结果(我采用对话方式分析)

我:console.log(parseInt(3,8))

浏览器代码解析器:parseInt里面有两个参数,第二个参数是八进制(0,1,2,3,4,5,6,7),所以认识3,所以返回3

我:console.log(parseInt(3,2))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是二进制(0,1),额...,不好意思,我不认识3,返回NaN

我:console.log(parseInt(3,0))

浏览器代码解析器:parseInt里面有两个参数,第二个参数是零,额,好吧,应该是默认值十进制(0,1,2,3,4,5,6,7,8,9),嗯,很好我认识3,返回3
 

看到这里,我们就可以清楚了理解parseInt的使用了,

在上面那篇文章中作者提到了几个他不能理解的语法,

    console.log(parseInt(1/0,19))  //18
    console.log(parseInt(false,16)) //250
    console.log(parseInt(parseInt,16)) //15
    console.log(parseInt('0x10')) //16
    console.log(parseInt('10',2)) //2

看到这些既熟悉又陌生的代码,一开始也跟作者一样表示看不懂,但是我后面进行试验分析好最终解决了这几个问题,好的,马上进入我试验分析

我:console.log(parseInt(1/0,19))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是十九进制(0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i),额,1/0,好吧先运算 结果等于Infinity,
I好的十九进制有认识,n十九进制不存在不认识,不管后面有没有了,立即返回i(i对应的十进制中的18),所以返回18
我:console.log(parseInt(false,16))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是十六进制(0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f),额,false,是字符串(parseInt的世界里没有布尔值)==> 'false',
嗯,'f'认识, 'a'认识, 'l'哦,不认识,立即返回fa (十六进制的fa转换成十进制等于250)
我:console.log(parseInt(parseInt,16))

浏览器代码解析器:parseInt里面有两个参数,第二个参数是十六进制(0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f),额,parseInt,是我自己吗?不对,它后面没有(),它不是执行函数,
好的,我先将它console.log(parseInt)看看, function parseInt(),嗯,好的,又是字符串 ==> 'function parseInt()' , 'f'认识, 'u'不认识,
立即返回f (十六进制的f转换成十进制等于15)
我:console.log(parseInt('0x10'))
浏览器代码解析器:parseInt里面只有一个参数,好的,采用默认的十进制(0,1,2,3,4,5,6,7,8,9), '0x',额,这个我认识,是十六进制的写法,好的, 
十六进制的10转换成十进制等于16
我:console.log(parseInt('10',2))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是二进制(0,1),好的, '1'认识, '0'认识 ,嗯,返回二进制的10 转换成十进制等于2

好的,我的分析完毕。

 

现在总结一下,理解了parseInt中第二个参数 radix 是介于2-36的数, 计算机中 0到9为十进制,再往上十一进制开始用字母表示那么26个字母就可以再十进制上面加多26个进制,

即三十六进制。

 

posted @ 2018-04-06 15:06  Tsingtree  阅读(2833)  评论(4编辑  收藏  举报