数字直接调用toString报错

孟秋没Bug

于 2023-03-02 11:57:44 发布

阅读量402

点赞数

CC 4.0 BY-SA版权

分类专栏：项目遇到的问题 bug 修复文章标签：开发语言 javascript 前端

本文链接：https://blog.csdn.net/qq_41536505/article/details/129297910

bug 修复同时被 2 个专栏收录

3 篇文章

订阅专栏

项目遇到的问题

2 篇文章

订阅专栏

该错误是由于JavaScript解析器对数字后直接跟点号的理解引起的。点号可以表示小数或对象属性访问，但10.toString()会被解析为语法错误。解决方案包括将数字转换为Number对象，使用小数点或额外的空格，或者用中括号[]来调用属性。此问题同样影响其他如toFixed和valueOf等方法的调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Uncaught SyntaxError: Invalid or unexpected token
未捕获的语法错误：无效或意外的 token

问题

 10.toString() //Uncaught SyntaxError: Invalid or unexpected token

这个报错是什么意思呢？应提示是未捕获的语法错误：无效或意外的 token，这并没有说出直接是什么语法错误

原因

JS对.号有两种理解，一种是小数点，另一种是访问属性。

而在JS中数字如果直接跟点就会被认为是小数点，而不是访问属性，所以 10.toString()就跟 10.hello一样会被当成在小数点后面加上了字符，这可不就是一种语法错误吗

解决方法

如果写成 Number(10).toString()不会报错，这相当于是函数的返回值调用了 toString ，这个点就会被当成访问对象属性来看

还想避免这个问题，还可以使用以下方法，只要思路是避免是直接用整数数字调用属性

10.1.toString() //第一个点会被认为是小数点， 第二个被认为是属性调用
10..toString()  //与上面一样
10 .toString()  //数字后面有空格， 小数点前后不能有空格，不会认为是小数点
10['toString']() //采用中括号来访问属性

上面内容不光适用于toString哦，数字调用其他属性如toFixed、valueOf 等也有同样的问题