幸福日记

Javascript类型转换-ToNumber

转换规则:
Undefined->NaN
Null->+0
Boolean->true转为1,false转为-0
Number->返回入参(不转换)
Symbol->抛出TypeError异常

Object转换Number规则:
1. 通过ToPrimitive(argument, hint Number)将Object转为原始值primValue
2. 返回ToNumber(primValue)
ToPrimitive参见https://blog.lyz810.com/article/2016/12/javascript-primitive-value/

示例1:

Number({
  valueOf() {
    return true;
  },
  toString() {
    return false;
  }
});//返回1

解释:
根据ToPrimitive规则,当前对象没有定义@@toPrimitive方法,则使用默认的转换规则,此处要转Number,所以先尝试调用valueOf,再尝试调用toString
该对象中定义了valueOf,且valueOf返回的不是一个Object,则ToPrimitive返回的值为true
这时再调用一次ToNumber,可以得出true转为Number结果为1

示例2:

Number({
  [Symbol.toPrimitive]() {
    return null;
  },
  toString() {
    return true;
  },
  valueOf() {
    return 2;
  }
});//返回0

解释:
这里虽然有了ValueOf和toString但定义了Symbol.toPrimitive,属于自定义了转原始值的方法,所以原始值转换结果为null
根据文章开头的规则,null转Number结果是0

字符串转数字规则:
首先ToNumber需要将字符串按照下面的语法进行解析,如果不能解释为字符串数字字面量(StringNumericLiteral),则结果为NaN
语法:
下面可选代表有0个~任意多个
字符串数字字面量StringNumericLiteral(2种):
1. 可选空白串(StrWhiteSpace
2. 可选空白串(StrWhiteSpaceStrNumericLiteral 可选空白串(StrWhiteSpace

空白串StrWhiteSpace
空白字符(StrWhiteSpaceChar)可选空白串(StrWhiteSpace

空白字符StrWhiteSpaceChar(2种):
1. 空白(TAB:U+0009、VT:U+000B、FF:U+000C、SP:U+0020、NBSP:U+00A0、ZWNBSP:U+FEFF、USP)
2. 行结束符(LF:U+000A、CR:U+000D、LS:U+2028、PS:U+2029)

StrNumericLiteral(4种,十进制,二进制,八进制,十六进制):
1. StrDecimalLiteral
2. BinaryIntegerLiteral(0b或0B开头,正则表示为/^0b[01]+$/i)
3. OctalIntegerLiteral(0o或0O开头,正则表示为/^0o[0-7]+$/i)
4. HexIntegerLiteral(0x或0X开头,正则表示为/^0x[\da-f]+$/i)

StrDecimalLiteral(3种,不带符号,正号,符号):
1. StrUnsignedDecimalLiteral
2. +StrUnsignedDecimalLiteral
3. -StrUnsignedDecimalLiteral

StrUnsignedDecimalLiteral(4种)
1. Infinity 无穷
2. DecimalDigits . [DecimalDigits] [ExponentPart](例子:1.、1.1、1.1e1、 1.1E1,注意e或E后面必须是整数)
3. .DecimalDigits [ExponentPart](例子:.1、.1e1、.1E1)
4. DecimalDigits [ExponentPart](例子:1、1e1、1E1)

字符串数字字面量和数字字面量有几处不同:
1. 前者允许在字符串开头及结尾添加一些空白或换行符
2. 前者表示十进制时,前面可以有任意多个前导0,而后者前导0代表8进制(读者可以尝试运行Number(‘012’) === 012)
3. 前者可以添加+-号声明他的符号位
4. 前者在空或只包含空白字符的时候,转换结果为+0
5. Infinity和-Infinity被看做是字符串数字字面量而不是数字字面量

示例:

Number(''); // 0 空字符串
Number(' '); // 0 空白字符
Number('\n'); // 0 行分隔符系列
Number('\ufeff');// 0,空白字符系列
Number(' 123 '); // 123,前后允许有空白
Number('012'); // 12,前导0不代表8进制,就是10进制
Number('0000012'); // 12,可以多个前导0
Number('0b11'); // 3,二进制
Number('0x0a'); // 10,十六进制
Number('100g'); // NaN,注意与parseInt区别
Number('Infinity'); // Infinity
Number('2e2'); // 200
退出移动版