你不知道的js中“.“的作用

前言

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"

写在最后

面试中经常遇到奇奇怪怪的问题，每次面试也是对能力的一种提升，查缺补漏，希望这个小知识对大家有帮助