简单的了解一下 +,-,*,/,%
+(加号运算符)
这里分为一元、二元运算
+ 之 一元运算符
+
号运算符作为一元运算符时,加号后面的表达式or变量将进行转换成Number类型
//null
console.log(+null); //0
//undefined
console.log(+undefined); //NaN
//boolean
console.log(+true); //1
console.log(+false); //0
//string
console.log(+"1"); //1
console.log(+"-1"); //-1
console.log(+"abc"); //NaN
console.log(+""); //0
console.log(+" "); //0
//object
console.log(+{}); //NaN
总结:
- Undefined类型,返回NaN;
- Null类型,返回0;
- Boolean类型,true:返回1 false:返回0;
- Number类型,返回的就是Number;
- String类型,若字符串为纯数字时返回转换后的数字;非纯数字返回NaN;
- Object类型,进行以下步骤:
1.先进行ToPrimitive(argument, hint Number)得到rs;
2.然后返回 ToNumber(rs)的结果。
//至于对象,后续再验证;
+ 之 二元运算符
//number + number
console.log( 1 + 2 ); //3
//number + boolean
console.log( 1 + true ); //2
console.log( 1 + false ); //1
//number + string
console.log( 1 + "2" ); //"12"
//number + null
console.log( 1 + null ); //1
//number + undefined
console.log( 1 + undefined ); //NaN
//string + string
console.log( "1" + "2" ); //"12"
//string + boolean
console.log( "1" + true ); //"1true"
//string + null
console.log( "1" + null ); //"1null"
//string + undefined
console.log( "1" + undefined ); //"1undefined"
//boolean + null
console.log( true + null ); //1
//boolean + undefined
console.log( true + undefined ); //NaN
//null + undefined
console.log( null + undefined ); //NaN
//object + number
console.log( {} + 1 ); //[object Object]1
总结:
- number + number ,返回number;
- number + null,返回number,null的值为0;
- number + undefined,返回NaN,因为undefined转换成number是就是NaN,NaN与任何数运算都是NaN;
- string + other(number, null, undefined, boolean) ,返回字符串,会先将other中转换成字符串,然后拼接在一起;
- boolean + null,返回1/0,取决于boolean,null的值为0;
- boolean + undefined,返回NaN;
- null + undefined, 返回NaN;
- 对象的逻辑将在下面给出;
所有其他类型的值都会被自动转换成这两种类型(number,string)的值。
加法运算符会触发三种类型转换:
- 转换为数字
- 转换为字符串
- 转换为原始值
通过 ToNumber() 将值转换为数字
如果输入的值是一个对象,则会首先会调用 ToPrimitive(obj, Number) 将该对象转换为原始值, 然后在调用 ToNumber() 将这个原始值转换为数字。
通过ToString()将值转换为字符串
如果输入的值是一个对象,则会首先会调用 ToPrimitive(obj, String) 将该对象转换为原始值, 然后再调用 ToString() 将这个原始值转换为字符串。
通过 ToPrimitive() 将值转换为原始值
原始值:undefined,null,boolean,number,string
//可选参数 PreferredType 可以是 Number 或者 String。 它只代表了一个转换的偏好,转换结果不一定必须是这个参数所指的类型,但转换结果一定是一个原始值。
ToPrimitive(input,PreferredType?)
- PreferredType 被标志为 Number
- 如果 input 是个原始值,则直接返回它。
- 否则,如果 input 是一个对象。则调用 obj.valueOf() 方法。 如果返回值是一个原始值,则返回这个原始值。
- 否则,调用 obj.toString() 方法。 如果返回值是一个原始值,则返回这个原始值。
- 否则,抛出 TypeError 异常。
- PreferredType 被标志为 String
- 如果 input 是个原始值,则直接返回它。
- 否则,调用 obj.toString() 方法。 如果返回值是一个原始值,则返回这个原始值。
- 否则,如果 input 是一个对象。则调用 obj.valueOf() 方法。 如果返回值是一个原始值,则返回这个原始值。
- 否则,抛出 TypeError 异常。
- 没有 PreferredType 这个参数,则 PreferredType 的值会按照这样的规则来自动设置
- Date 类型的对象会被设置为 String。
- 其它类型的值会被设置为 Number。
var obj = {
toString(){
console.log("toString");
return {};
},
valueOf(){
console.log("valueOf");
return {};
}
}
/* 打印结果
valueOf
toString
Uncaught TypeError: Cannot convert object to primitive value
*/
console.log(Number(obj));
-(减号运算符)
这里分为一元、二元运算,其中一元运算符跟+
是一样的,二元运算符也跟+
差不多,少了字符串拼接的功能。
总结:
- 如果两个操作符都是数值, 则执行常规的算术减法操作,并返回结果。
console.log(2-1); //1
- 如果有一个操作数是NaN, 则结果也是NaN。
console.log( 2 - 'a' ); //NaN
- 如果有一个操作数是字符串、布尔值、null、undefined则先在后台调用Number()方法将其转换为数值, 然后在根据根据前面的规则进行减法计算,如果转换的结果是NaN, 则减法的结果就是NaN。
console.log(2-undefined); //NaN
console.log(2-null); //2
console.log( 2 - "1" ); //1
console.log( 2 - 'a' ); //NaN
- 如果有一个操作数是对象,则调用对象的 valueof() 方法以取得该方法返回后的值,如果得到的值是NaN,则减法的结果就是NaN, 如果对象没有valueOf()方法,则调用其toString()方法并将得到的字符串转为数值。
console.log( 2 - {} ); //NaN
* (乘号运算符)
//number * number
console.log(1 * 2); //2
//number * string
console.log(1 * "2"); //2
//number * boolean
console.log(1 * true); //1
//number * null
console.log(1 * null); //0
//number * undefined
console.log(1 * undefined); //NaN
//string * boolean
console.log("2" * true ); //2
//string * null
console.log("2" * null); //0
//string * undefined
console.log("2" * undefined); //NaN
//boolean * null
console.log(true * null); //0
//boolean * undefined
console.log(true * undefined); //NaN
//undefined * null
console.log(undefined * null); //NaN
整体逻辑和-
差不多;
/ (除号运算符),%(求余运算符)
整体逻辑和*
差不多,都是先转换成number类型
注:关于对象的类型转换,这篇文章没有什么说明,后续学习到对象的时候,将继续补充。