为什么空数组类型转换为零?+[]

Why an empty Array type-converts to zero? +[](为什么空数组类型转换为零?+[])
本文介绍了为什么空数组类型转换为零?+[]的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

就在我以为我对 JavaScript 中的类型转换有所了解时,我偶然发现了这个:

just when I thought I understood something about type conversion in JavaScript, I stumbled with this:

+[]; // 0
Number([]); // 0

我的第一个想法是我应该得到 NaN,就像我尝试将空对象转换为数字一样:

My first thought was that I should get NaN, just like if I try to convert an empty object to number:

+{}; // NaN
Number({}); // NaN

我已经搜索了一段时间没有任何成功......

I have been searching about this for a while without any success...

有人能解释一下为什么它被转换为 0 而不是 NaN 吗?

Can somebody explain me why it gets converted to 0 and not to NaN?

这种行为标准吗?

谢谢.

推荐答案

简单来说有两个关键点:

In a brief, there are two key points:

  • 空数组的toString方法返回一个空字符串.
  • 使用 一元加运算符将空字符串 强制 归零 或作为函数调用的 Number 构造函数(例如 +"" === 0;).
  • The toString method of an empty array returns an empty string.
  • An empty string coerces to zero using the unary plus operator or the Number constructor called as a function (e.g. +"" === 0;).

例如,我们可以使用一个对象,它定义了一个toString方法,并返回一个空字符串得到一个等价的结果:

For example, we can use an object that defines a toString method, and returns an empty string to have an equivalent result:

var obj = { toString: function () { return "";} };
+obj; //  0
Number(obj); // 0

这种行为是完全标准的.

This behavior is completely standard.

现在是长答案:

一元加运算符和Number 构造函数作为函数调用 在内部使用 ToNumber 抽象操作.

Both, the unary plus operator and the Number constructor called as a function internally use the ToNumber abstract operation.

ToNumber 将使用另外两个内部操作,ToPrimitive[[DefaultValue]].

ToNumber will use two more internal operations, ToPrimitive and [[DefaultValue]].

ToNumber 操作应用于对象时,例如您示例中的空数组,它调用 ToPrimitive 操作,以获取代表原始值并调用 ToNumber 再次使用该值 [1].

When the ToNumber operation is applied to an Object, such the empty array in your example, it calls the ToPrimitive operation, to get a representative primitive value and call ToNumber again using that value [1].

ToPrimitive 操作接收两个参数,一个 Value(这是您的数组对象)和一个提示类型,在本例中为Number",因为我们要进行数字转换.

The ToPrimitive operation receive two arguments, a Value (which is your array object), and a hint type, which in this case is "Number" since we want to make numeric conversion.

ToPrimitive 调用 [[DefaultValue]] 内部方法,同样带有数字"提示类型.

ToPrimitive calls the [[DefaultValue]] internal method, also with a "Number" hint type.

现在,由于我们使用数字"的提示类型,[[DefaultValue]] 内部方法现在将尝试首先调用对象上的 valueOf 方法.

Now, since the hint type we are using "Number", the [[DefaultValue]] internal method now will try to invoke first the valueOf method on the object.

数组对象没有特定的 valueOf 方法,该方法是继承自 Object.prototype.valueOf,并且这个方法简单地返回一个对object本身的引用.

Array objects don't have a specific valueOf method, the method is the one inherited from Object.prototype.valueOf, and this method simply returns a reference to the object itself.

由于 valueOf 方法没有产生 原始值,现在调用 toString 方法,它产生一个空字符串(这是一个原始值),然后 ToNumber 操作将尝试进行 String-Number 转换,最终以 0 [1].

Since the valueOf method didn't result in a primitive value, now the toString method is invoked, and it produces an empty string (which is a primitive value), then the ToNumber operation will try to do String-Number conversion and it finally end up with 0 [1].

但现在您可能想知道,为什么一个空字符串会强制为零?

But now you might wonder, why an empty string coerces to zero?

+""; // 0

ToNumber内部操作应用于 String 类型,即 StringNumericLiteral 产生式.

There is a complete grammar that is used when the ToNumber internal operation is applied to a String type, the StringNumericLiteral production.

NumericLiteral 之间存在一些差异,其中一个差异是:

It has some differences between a NumericLiteral, and one of those differences is that:

为空或仅包含空格的 StringNumericLiteral 将转换为 +0.

A StringNumericLiteral that is empty or contains only white space is converted to +0.

这篇关于为什么空数组类型转换为零?+[]的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

How do I can get a text of all the cells of the table using testcafe(如何使用 testcafe 获取表格中所有单元格的文本)
node_modules is not recognized as an internal or external command(node_modules 未被识别为内部或外部命令)
How can I create conditional test cases using Protractor?(如何使用 Protractor 创建条件测试用例?)
PhantomJS and clicking a form button(PhantomJS 并单击表单按钮)
Clicking #39;OK#39; on alert or confirm dialog through jquery/javascript?(在警报上单击“确定或通过 jquery/javascript 确认对话框?)
QunitJS-Tests don#39;t start: PhantomJS timed out, possibly due to a missing QUnit start() call(QunitJS-Tests 不启动:PhantomJS 超时,可能是由于缺少 QUnit start() 调用)