前言
js里面的知识就像谈恋爱一样,对方总是让你捉摸不透。
今天遇到了一道面试题,给大家分享一下
问题是这样的:1.toString() 会报错,而Number(1).toString() 却不会出错,谈谈为什么?
说实话看到这种题,一点头绪都没有,就像你女朋友生气,自己却不知道为啥惹她生气一样,
话不多说,直接给大家上知识。
js小数点的作用
1.表示浮点数,比如1.1等
2.另外一种就是访问属性,经常用到访问对象身上的属性或者原型方法比如
const obj = { name: '小前端' } const cName = obj.name
而js表达式中存在两个以及两个以上的小数点,那么第二个点以及后面的点都会被js引擎执行为访问对象属性的点。
而第一个点就有两种情况,可能是数字后面的小数点,也有可能是访问对象属性的点。
js引擎在解读数字开头的第一个点时,有一套自己的方法去判断是哪一种,然后去校验点后面的写法是否符合规范,如果数字跟点直接被认为是第一种情况,所以就当成了小数点,所以1.toString()和1.tohello完全一样,写法不符合规范
可以在控制台看看显示数据格式错误
而Number(1).toString()这里会被当做函数的返回值调用了toString()方法,所以可以执行。
再给大家举几个例子加深点印象。
第一种
1.0.toString() 第一个点会认为是小数点,而第二个点会被认为是访问对象属性的点,所以执行的是1.0调用了toString()方法,会被转化为"1"
第二种
1 .toString() 1后面跟了一个空格,因为小数点前后没有空格,所以js引擎不会把它当作小数点处理,会把它当作访问对象属性的点看待,也会返回正常的"1"
第三种
1..toString() 1后面两个小数点 第二个小数点毋庸置疑当作访问对象属性的点,而第一个点1.会被当作是1.0的简写形式,所以也是1.0调用了toString()方法,返回"1"
写在最后
面试中经常遇到奇奇怪怪的问题,每次面试也是对能力的一种提升,查缺补漏,希望这个小知识对大家有帮助