在JavaScript中，尝试执行21.toString()会报错，因为数字直接后面的点号.被解释为小数点，而非属性访问符。JavaScript解释器期待的是一个数字的小数部分，而不是一个方法。然而，21..toString()或者(21).toString()是合法的，因为第一个例子中第二个点号明确表示属性访问，第二个例子中圆括号则明确表示21是一个数字，因而.toString()被正确解析为方法调用。壳对象包装、数字字面值与解析规则不一致是导致这种情况的核心因素。
对于该问题的更详尽描述，可以从以下几个方面来剖析：
- 数字字面量和运算符的解析规则；
- JavaScript 中的壳对象（wrapper object）；
- 如何正确地调用数字的方法。
下面我们将具体展开这些方面的细节。
一、数字字面量和运算符解析规则
JavaScript 中的数字字面量被定义为一个直接量（literal）的序列，包含整数部分、小数部分和指数部分。当你在JavaScript中输入一个数字和一个点号时，解释器会尝试把点号解释为小数点的一部分，期望着后面跟随更多的数字构成小数部分。因此：
21.toString()中的点号被认为是小数点，但是后面没有跟随数字，JavaScript 解释器就会报错。
如何正确调用方法：
- 使用两个点号
21..toString()第一个点号是小数点（虽然后面没有小数部分），第二个点号表明了属性访问； - 使用小括号
(21).toString()将21包在圆括号内，明确指出它是一个独立的数字字面量，随后的点号就会被解释为属性访问符。
二、壳对象与方法调用
当你调用一个原始值（例如数字或字符串）的方法时，JavaScript 会临时创建一个对象，这个临时的对象被称作壳对象（wrapper object）。这个对象继承自相应原始值的原型，也就是拥有这个原始值类型的所有方法。在方法执行完后，壳对象就被销毁。
- 这是 自动装箱过程，其中包括创建一个临时的对象来让我们能够调用原始类型的方法。
三、避免错误的其他方法
除了使用上述的 (21).toString() 和 21..toString()，还有其他几种方法可以避开这个问题：
-
变量赋值：
将数字赋给一个变量，然后通过这个变量来调用
.toString()方法。var number = 21;number.toString();
-
toString 方法的直接调用：
使用
Number.prototype.toString方法直接调用。Number.prototype.toString.call(21); -
显式创建数字对象：
通过
new Number()显式创建一个数字对象。var numberObject = new Number(21);numberObject.toString();
通过以上手段，可以避开使用数字字面量直接调用方法可能遇到的隐患。
这种对JavaScript语言特性的理解是编写健壮、可靠代码的关键，尤其是那些经常与数字字面量打交道、并在代码中大量使用它们的方法的开发者。理解了这种细微但重要的语言特性之后，开发者就能更加自信地处理数字类型，并确保其代码逻辑不会因为类型转换错误而出现不可预期的行为。
相关问答FAQs：
问题：为什么在Javascript中使用21.toString()会报错？
回答：在Javascript中，使用21.toString()会报错，是因为解析器会把21.看作是一个小数。在Javascript中，小数后面直接接一个字母会被解析器误认为是一个属性或方法，所以会发生语法错误。为了避免这种情况发生，我们需要使用一些技巧来解决这个问题。
解决方法一：使用括号
可以通过在21后面加上括号来避免报错，例如(21).toString()。这样解析器会先把21当作一个整数处理，然后再调用toString()方法。
解决方法二：使用字符串连接
可以使用字符串连接操作符将数字和字符串相连，例如21 + ''，这样就会将数字转换成字符串。
解决方法三：使用模板文字
可以使用模板文字（template literals）来将数字转换成字符串，例如${21}。
总结：当我们需要将数字转换成字符串时，在Javascript中使用21.toString()会报错，可以通过添加括号、字符串连接或使用模板文字来解决这个问题。
