Javascript中为什么21.toString()会报错

在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()，还有其他几种方法可以避开这个问题：

1. 变量赋值：

   将数字赋给一个变量，然后通过这个变量来调用.toString()方法。

   var number = 21;
   
   number.toString();
   

2. toString 方法的直接调用：

   使用 Number.prototype.toString 方法直接调用。

   Number.prototype.toString.call(21);
   
   

3. 显式创建数字对象：

   通过 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()会报错，可以通过添加括号、字符串连接或使用模板文字来解决这个问题。