你不知道的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"


写在最后

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

相关文章
|
Kubernetes Ubuntu 应用服务中间件
在Ubuntu上安装K8S教程
在Ubuntu上安装K8S教程
4101 1
|
NoSQL Redis C语言
只需要笔记本和一条网线就可以让服务器拥有外网的办法
只需要笔记本和一条网线就可以让服务器拥有外网的办法
只需要笔记本和一条网线就可以让服务器拥有外网的办法
|
JSON 开发工具 git
精通 Prettier:进阶配置与最佳实践
【10月更文挑战第18天】Prettier 是一款流行的代码格式化工具,它能够帮助开发者保持代码风格的一致性,减少因代码风格争议而产生的争论。本文将深入探讨如何根据项目需求进行详细的配置选项调整,并分享一些使用 Prettier 的最佳实践,包括如何通过 Git 钩子自动化代码格式化过程以及如何解决常见的配置冲突问题。
722 5
|
JavaScript 前端开发 应用服务中间件
Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(2)
Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(2)
qiankun框架中基于actions机制实现主应用与子应用间的双向通信
qiankun框架中基于actions机制实现主应用与子应用间的双向通信
815 0
|
应用服务中间件 Linux PHP
Linux下安装php环境并且配置Nginx支持php-fpm模块
Linux下安装php环境并且配置Nginx支持php-fpm模块
1252 0
|
Java 应用服务中间件 Maven
解决“Unable to start embedded Tomcat“错误的完整指南
通过逐步检查以上问题,你应该能够解决 "Unable to start embedded Tomcat" 错误,并使Tomcat成功启动。
4294 1
解决“Unable to start embedded Tomcat“错误的完整指南
|
SQL PHP 数据库
Sqli-labs靶场搭建
本文章是在自己在使用新版phpstudy搭建靶场过程中遇到了很多问题,但在查询无果后,决定尝试旧版的phpstudy看能否成功,很幸运,成功了,也并不是网上的教程,说是php必须在5.2及以下.我使用的是5.4版本的.是对SQL注入进行一个简单的回归,然后就是对于自己在搭建靶场中所遇到的一些问题的解决办法,以及进行安装步骤的总结,对于自己的自主配置和独立解决问题的能力是一种培养
|
Java 微服务 Spring
Spring Boot启动后直接没有任何警告报错信息,打印`Process finished with exit code 0`直接退出
Spring Boot启动后直接没有任何警告报错信息,打印`Process finished with exit code 0`直接退出
566 0