“加号 +” 的运算原理(详细!!!)

“加号 +” 的运算原理(“+” 既是一元运算符,也是二元运算符)

1. 一元运算符

说明:’+’ 号运算符作为一元运算符时,表达式将进行 ToNumber() 操作(隐式类型转换)。
注:有关隐式类型转换,可参考 Javascript基础:隐式类型转换

① ToNumber(argument) 转换方式:
argument类型返回值
Undefinedreturn NaN
Nullreturn 0
Booleantrue return 1; false return 0;
Numberreturn value
String若字符串为纯数字,返回转换后的数字;非纯数字则返回 NaN
Symbol抛出 TypeError 异常
Object进行如右步骤:1.先进行 ToPrimitive(argument, hint Number) 得到 rs ; 2.然后返回 ToNumber(rs) 的结果。
② 示例:
	// Undefined
	+ undefined; // => NaN
	 
	// Null
	+ null; // => 0
	 
	// Boolean
	+ true; // => 1
	+ false; // => 0
	 
	// String
	+ '1'; // => 1
	+ '-1'; // => -1
	+ 'a1'; // => NaN
	 
	// Object
	+ []; // => 0
	+ {}; // => NaN
	+ { valueOf: function () { return 0 } }; // => 0
	/*
	*	该对象重写了 valueOf() 方法,
	*	因此该对象隐式转换过程中调用 valueOf() 方法后得到 0,
	*	故最终结果为 0
	*/ 

2. 二元运算符

① 运算元其一为字符串(String)

  运算元其一为字符串时,进行字符串的拼接操作。

	console.log('10' + 1);          //	101
	console.log('ab' + 'cd');       //	abcd
	console.log('1' + true);        //	1true
	console.log('1' + undefined);   //	1undefined
	console.log('1' + null);        //	1null
② 运算元其一为数字(Number)

  1 + ‘cd’ 为运算元其一为字符串情况,做字符串拼接操作;其余为在没有字符串情况下,运算元其一为数字,做类型转换后做数值相加。

	console.log(1 + 1);            //	2
	console.log(1 + 'cd');        //	1cd
	console.log(1 + true);         //	2
	console.log(1 + undefined);    //	NaN
	console.log(1 + null);         //	1

注:在运算元一侧为数字,另一侧为字符串的情况下,如果是 “减号 - ” 或其他运算符(eg:“*”、“/”、“%”、“ >”、“<”、“==”) 的话,会将字符串转换为数字进行减法操作(eg:数字相减:10 - “1” = 9)。

③ 数字(Number) / 字符串(String) 以外的原始类型相加

  当数字与字符串以外的其他原始数据类型直接使用加号运算时,要先转为数字(可参考上面有关 “ToNumber(argument) 转换方式” 的表格)再运算,这与字符串完全无关。

	console.log(true + true);             // 2
	console.log(true + null);             // 1
	console.log(true + undefined);        //NaN
	console.log(undefined + null);        //NaN
	console.log(undefined + undefined);   //NaN
	console.log(null + null);            //0
④ 运算元其一为复杂数据类型(以下为初步解释,示例请见后续第三大点)

注意,以上 ① ~ ③ 的示例均是原始数据类型的 “加法 +” 操作,当进行复杂数据类型的 “加法 +” 操作时,JS 内部有以下有隐式转换过程(实际上是 JS 调用了内部的 toPrimitive() 方法,有关该方法详见 JS原始值转换算法—toPrimitive() ):
  Ⅰ 当 “加号 +” 的某一侧数据类型是对象时,会将对象先进行 valueOf() 操作(有关 valuOf() 方法可参考博文 JS 中 valueOf() 方法的详解);
  Ⅱ 如果返回的是原始数据类型,则后续操作按照以上三点进行;
  Ⅲ 如果返回的值还是对象,则再调用 toString 方法(此处应了解 “ [] 调用 toString() 方法变成空字符串 "",{} 调用 toString() 等于 [object Object] ,有关 toString 方法详解可参考 有关 toString() 方法的初步认识 );
  Ⅳ 若返回原始数据类型,则按照上面原始数据类型计算;
  Ⅴ 否则报错。

⑤ 有关 NaN 需要注意的点

  Ⅰ. 执行运算时 , 非带 “+” 号的运算,只要有 NaN 参与,执行结果就都是 NaN;
  Ⅱ. 如果是带 “+” 号的运算,一侧是 NaN、另一侧是字符串时,就执行字符串拼接操作;
  Ⅲ. 如果是带 “+” 号的运算,一侧是 NaN、另一侧是 Number 类型的数值时,执行结果就都是 NaN;
  Ⅳ. 在 JavaScript 中的规定,NaN 表示的是非数字,但是这个非数字也是不同的;因此 NaN 不等于 NaN,两个 NaN 永远不可能相等。
注:NaN 虽然不是一个具体数值,但数据类型确是 Number 类型;NaN 和任何 Number 类型数据进行 “+”、“-”、“*”、“/”、“% 等操作时,操作结果都是 NaN。


截取自 “空对象 {}” 与 “空数组 []” 的相加问题(详解!!!)

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

C澒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值