数字直接调用toString报错

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 等也有同样的问题

猜你喜欢

转载自blog.csdn.net/qq_41536505/article/details/129297910