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


写在最后

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

相关文章
|
4月前
|
机器学习/深度学习 算法 安全
【PINN回归预测】基于遗传优化算法GA改进物理信息神经网络(PINN)的多变量回归预测模型附Matlab代码
✅作者简介:热爱科研的Matlab仿真开发者,擅长 毕业设计辅导、数学建模、数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真 。 🍎 往期回顾关注个人主页: Matlab科研工作室  👇 关注我领取海量matlab电子书和数学建模资料  🍊个人信条:格物致知, 完整Matlab代码获取及仿真咨询内容私信 。 🔥  内容介绍  一、研究背景与问题提出 在复杂工业系统(如化工反应过程、能源动力系统)、工程物理过程(如桥梁结构应力分析)及环境监测领域,多变量回归预测是核心任务。传统数据驱动模型(如BP神经网络、随机森林)依赖大规模标注数据,但存在两大缺陷:一是缺乏对系统内在物理
|
网络协议 安全 网络安全
【UDP】——为什么 UDP 数据包不能超过 512 个字节
一开始了解的是 DNS 服务使用的是 UDP 协议,后面看到 DNS 服务主要使用 UDP 协议,在少数情况(传输的数据超过 512 个字节)下也会使用 TCP 协议,因为 UDP 数据包不能超过 512 个字节。那问题来了,为什么 UDP 数据包不能超过 512 个字节呢?
5287 0
【UDP】——为什么 UDP 数据包不能超过 512 个字节
|
1月前
|
缓存 人工智能 安全
你不知道的 Agent:原理、架构与工程实践
文章内容基于作者个人技术实践与独立思考,旨在分享经验,仅代表个人观点。
|
7月前
|
SQL 缓存 Java
【Java架构必看】Mybatis的工作原理
MyBatis执行分启动与运行两阶段:启动时加载配置,运行时代理执行SQL。通过JDK动态代理生成Mapper接口,结合缓存机制与Executor执行SQL,最终由TypeHandler完成结果映射。
537 4
|
JavaScript 前端开发 应用服务中间件
Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(2)
Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(2)
qiankun框架中基于actions机制实现主应用与子应用间的双向通信
qiankun框架中基于actions机制实现主应用与子应用间的双向通信
1483 0
|
Java 应用服务中间件 Maven
解决“Unable to start embedded Tomcat“错误的完整指南
通过逐步检查以上问题,你应该能够解决 "Unable to start embedded Tomcat" 错误,并使Tomcat成功启动。
5152 1
解决“Unable to start embedded Tomcat“错误的完整指南
|
Java API 开发工具
开源即时通讯IM框架 MobileIMSDK v6.5 发布
本次更新为次要版本更新,进行了bug修复和优化升级(更新历史详见:码云 Release Notes、Github Release Notes)。 MobileIMSDK 可能是市面上唯一同时支持 UDP+TCP+WebSocket 三种协议的同类开源IM框架。轻量级、高度提炼,历经10年、久经考验。客户端支持iOS、Android、Java、H5、微信小程序、Uniapp,服务端基于Netty。
473 2