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

简介: 你不知道的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完全一样,写法不符合规范


可以在控制台看看显示数据格式错误


image.png


而Number(1).toString()这里会被当做函数的返回值调用了toString()方法,所以可以执行。


再给大家举几个例子加深点印象。


image.png


第一种


1.0.toString() 第一个点会认为是小数点,而第二个点会被认为是访问对象属性的点,所以执行的是1.0调用了toString()方法,会被转化为"1"


第二种


1 .toString() 1后面跟了一个空格,因为小数点前后没有空格,所以js引擎不会把它当作小数点处理,会把它当作访问对象属性的点看待,也会返回正常的"1"


第三种


1..toString() 1后面两个小数点 第二个小数点毋庸置疑当作访问对象属性的点,而第一个点1.会被当作是1.0的简写形式,所以也是1.0调用了toString()方法,返回"1"


写在最后

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

相关文章
|
JavaScript 前端开发
js 数据添加方法
js 数据添加方法
70 1
|
JSON JavaScript 前端开发
js其他方法
js其他方法
207 0
|
3月前
|
存储 JavaScript 前端开发
js之函数区别
js之函数区别
30 0
|
6月前
|
JavaScript 前端开发 安全
js的作用
js的作用
41 1
|
6月前
|
JavaScript 前端开发 API
js是什么,作用是什么,特点是什么?
js是什么,作用是什么,特点是什么?
|
6月前
|
存储 JavaScript
JS中相等(==)和等全(===)的区别与练习
JS中相等(==)和等全(===)的区别与练习
39 1
|
JavaScript
js中=,==,===和 != 和 !==的区别和使用
js中=,==,===和 != 和 !==的区别和使用
62 1
|
6月前
|
JavaScript
JS中for-in和for-of的区别
JS中for-in和for-of的区别
|
XML JavaScript 前端开发
JS的简介和作用还有为什么会产生JS?
JS的简介和作用还有为什么会产生JS?
94 2
|
存储 JSON JavaScript
JS基础-方法
方法就是把函数放在对象的里面,对象只有两个东西:属性和方法
114 0