We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
作者：大西轰已在服务区
链接：https://juejin.im/post/5d030e03518825361817032f
来源：掘金
The text was updated successfully, but these errors were encountered:
ToPrimitive
ToPrimitive对原始类型不发生转换处理，只针对引用类型（object）的，其目的是将引用类型（object）转换为非对象类型，也就是原始类型。
ToPrimitive 运算符接受一个值，和一个可选的期望类型作参数。ToPrimitive 运算符将值转换为非对象类型，如果对象有能力被转换为不止一种原语类型，可以使用可选的 期望类型 来暗示那个类型。
转换后的结果原始类型是由期望类型决定的，期望类型其实就是我们传递的type。直接看下面比较清楚。 ToPrimitive方法大概长这么个样子具体如下。
type
/** * @obj 需要转换的对象 * @type 期望转换为的原始数据类型，可选 */ ToPrimitive(obj,type)
string
obj
toString
return
valueOf
TypeError
number
Date
String
Number
对于Date数据类型，我们更多期望获得的是其转为时间后的字符串，而非毫秒值（时间戳），如果为number，则会取到对应的毫秒值，显然字符串使用更多。 其他类型对象按照取值的类型操作即可。
ToPrimitive转成何种原始类型，取决于type，type参数可选，若指定，则按照指定类型转换，若不指定，默认根据实用情况分两种情况，Date为string，其余对象为number。那么什么时候会指定type类型呢，那就要看下面两种转换方式了。
Object.prototype.toString()
toString()方法返回一个表示该对象的字符串。
toString()
每个对象都有一个 toString() 方法，当对象被表示为文本值时或者当以期望字符串的方式引用对象时，该方法被自动调用。
Object.prototype.valueOf()方法返回指定对象的原始值。
Object.prototype.valueOf()
JavaScript 调用 valueOf() 方法用来把对象转换成原始类型的值（数值、字符串和布尔值）。但是我们很少需要自己调用此函数，valueOf 方法一般都会被 JavaScript 自动调用。
JavaScript
valueOf()
不同内置对象的valueOf实现：
对照代码会更清晰一些：
var str = new String('123'); console.log(str.valueOf());//123 var num = new Number(123); console.log(num.valueOf());//123 var date = new Date(); console.log(date.valueOf()); //1526990889729 var bool = new Boolean('123'); console.log(bool.valueOf());//true var obj = new Object({valueOf:()=>{ return 1 }}) console.log(obj.valueOf());//1
Number运算符转换规则：
null
undefined
NaN
true
false
注意：对象这里要先转换为原始值，调用ToPrimitive转换，type指定为number了，继续回到ToPrimitive进行转换。
String 运算符转换规则
'null'
'true'
'false'
注意：对象这里要先转换为原始值，调用ToPrimitive转换，type就指定为string了，继续回到ToPrimitive进行转换(上面有将到ToPrimitive的转换规则)。
String(null) // 'null' String(undefined) // 'undefined' String(true) // 'true' String(1) // '1' String(-1) // '-1' String(0) // '0' String(-0) // '0' String(Math.pow(1000,10)) // '1e+30' String(Infinity) // 'Infinity' String(-Infinity) // '-Infinity' String({}) // '[object Object]' String([1,[2,3]]) // '1,2,3' String(['koala',1]) //koala,1 复制代码
ToBoolean 运算符转换规则
ToBoolean
除了下述 6 个值转换结果为 false，其他全部为true：
假值以外的值都是真值。其中包括所有对象（包括空对象）的转换结果都是true，甚至连false对应的布尔对象new Boolean(false)也是true
new Boolean(false)
Boolean(undefined) // false Boolean(null) // false Boolean(0) // false Boolean(NaN) // false Boolean('') // false Boolean({}) // true Boolean([]) // true Boolean(new Boolean(false)) // true
在没有对象的前提下
字符串的自动转换，主要发生在字符串的加法运算时。当一个值为字符串，另一个值为非字符串，则后者转为字符串。
'2' + 1 // '21' '2' + true // "2true" '2' + false // "2false" '2' + undefined // "2undefined" '2' + null // "2null"
+
//toString的对象 var obj2 = { toString:function(){ return 'a' } } console.log('2'+obj2) //输出结果2a //常规对象 var obj1 = { a:1, b:2 } console.log('2'+obj1)； //输出结果 2[object Object] //几种特殊对象 '2' + {} // "2[object Object]" '2' + [] // "2" '2' + function (){} // "2function (){}" '2' + ['koala',1] // 2koala,1
对下面'2'+obj2详细举例说明如下：
'2'+obj2
obj2.valueof()
return 'a'
2a
对下面'2'+obj1详细举例说明如下：
'2'+obj1
{ a: 1, b: 2 }
return [object Object]
2[object Object]
代码中几种特殊对象的转换规则基本相同，就不一一说明，大家可以想一下流程。 注意：不管是对象还不是对象，都有一个转换为原始值的过程，也就是ToPrimitive转换，只不过原始类型转换后不发生变化，对象类型才会发生具体转换。
代码中几种特殊对象的转换规则基本相同，就不一一说明，大家可以想一下流程。
注意：不管是对象还不是对象，都有一个转换为原始值的过程，也就是ToPrimitive转换，只不过原始类型转换后不发生变化，对象类型才会发生具体转换。
是ToPrimitive
有加法运算符，但是无String类型的时候，都会优先转换为Number类型
例子：
true + 0 // 1 true + true // 2 true + false //1
除了加法运算符，其他运算符都会把运算自动转成数值。 例子：
'5' - '2' // 3 '5' * '2' // 10 true - 1 // 0 false - 1 // -1 '1' - 1 // 0 '5' * [] // 0 false / '5' // 0 'abc' - 1 // NaN null + 1 // 1 undefined + 1 // NaN //一元运算符（注意点） +'abc' // NaN -'abc' // NaN +true // 1 -false // 0
注意：null转为数值时为0，而undefined转为数值时为NaN。
= 抽象相等比较与 + 运算符不同，不再是String优先，而是Number优先。 下面列举x == y的例子
x == y
x
y
1 == 2 //false
ToPrimitive()
var obj1 = { valueOf:function(){ return '1' } } 1 == obj1 //true //obj1转为原始值，调用obj1.valueOf() //返回原始值'1' //'1'toNumber得到 1 然后比较 1 == 1 [] == ![] //true //[]作为对象ToPrimitive得到 '' //![]作为boolean转换得到0 //'' == 0 //转换为 0==0 //true
boolean
ToNumber
//boolean 先转成number，按照上面的规则得到1 //3 == 1 false //0 == 0 true 3 == true // false '0' == false //true
//'0' toNumber()得到 0 //0 == 0 true '0' == 0 //true
if(obj)
while(obj)
条件部分的每个值都相当于false，使用否定运算符后，就变成了true
if ( !undefined && !null && !0 && !NaN && !'' ) { console.log('true'); } // true //下面两种情况也会转成布尔类型 expression ? true : false !! expression
三种方式，分别为 typeof、instanceof 和Object.prototype.toString()
typeof
instanceof
通过 typeof操作符来判断一个值属于哪种基本类型。
typeof 'seymoe' // 'string' typeof true // 'boolean' typeof 10 // 'number' typeof Symbol() // 'symbol' typeof null // 'object' 无法判定是否为 null typeof undefined // 'undefined' typeof {} // 'object' typeof [] // 'object' typeof(() => {}) // 'function'
上面代码的输出结果可以看出，
object
综上可以看出typeOf对于判断类型还有一些不足，在对象的子类型和null情况下。
typeOf
通过 instanceof 操作符也可以对对象类型进行判定，其原理就是测试构造函数的prototype 是否出现在被检测对象的原型链上。
prototype
[] instanceof Array // true ({}) instanceof Object // true (()=>{}) instanceof Function // true
复制代码注意：instanceof 也不是万能的。 举个例子：
let arr = [] let obj = {} arr instanceof Array // true arr instanceof Object // true obj instanceof Object // true
在这个例子中，arr 数组相当于 new Array() 出的一个实例，所以 arr.__proto__ === Array.prototype，又因为 Array属于 Object 子类型，即Array.prototype.__proto__ === Object.prototype，因此 Object 构造函数在 arr 的原型链上。所以 instanceof 仍然无法优雅的判断一个值到底属于数组还是普通对象。
arr
new Array()
arr.__proto__ === Array.prototype
Array
Object
Array.prototype.__proto__ === Object.prototype
还有一点需要说明下，有些开发者会说 Object.prototype.__proto__ === null，岂不是说 arr instanceof null 也应该为 true，这个语句其实会报错提示右侧参数应该为对象，这也印证 typeof null 的结果为 object 真的只是javascript中的一个bug 。
Object.prototype.__proto__ === null
arr instanceof null
typeof null
javascript
bug
Object.prototype.toString() 可以说是判定 JavaScript 中数据类型的终极解决方法了，具体用法请看以下代码：
Object.prototype.toString.call({}) // '[object Object]' Object.prototype.toString.call([]) // '[object Array]' Object.prototype.toString.call(() => {}) // '[object Function]' Object.prototype.toString.call('seymoe') // '[object String]' Object.prototype.toString.call(1) // '[object Number]' Object.prototype.toString.call(true) // '[object Boolean]' Object.prototype.toString.call(Symbol()) // '[object Symbol]' Object.prototype.toString.call(null) // '[object Null]' Object.prototype.toString.call(undefined) // '[object Undefined]' Object.prototype.toString.call(new Date()) // '[object Date]' Object.prototype.toString.call(Math) // '[object Math]' Object.prototype.toString.call(new Set()) // '[object Set]' Object.prototype.toString.call(new WeakSet()) // '[object WeakSet]' Object.prototype.toString.call(new Map()) // '[object Map]' Object.prototype.toString.call(new WeakMap()) // '[object WeakMap]'
我们可以发现该方法在传入任何类型的值都能返回对应准确的对象类型。用法虽简单明了，但其中有几个点需要理解清楚：
[[Class]]
NaN 是一个全局对象的属性，NaN 是一个全局对象的属性，NaN是一种特殊的Number类型。
一些例子：
Infinity / Infinity; // 无穷大除以无穷大 Math.sqrt(-1); // 给任意负数做开方运算 'a' - 1; // 算数运算符与不是数字或无法转换为数字的操作数一起使用 'a' * 1; 'a' / 1; parseInt('a'); // 字符串解析成数字 parseFloat('a'); Number('a'); //NaN 'abc' - 1 // NaN undefined + 1 // NaN //一元运算符（注意点） +'abc' // NaN -'abc' // NaN
toString()可以将数据都转为字符串，但是null和undefined不可以转换。
console.log(null.toString()) //报错 TypeError: Cannot read property 'toString' of null console.log(undefined.toString()) //报错 TypeError: Cannot read property 'toString' of undefined
toString()括号中可以写数字，代表进制
二进制：.toString(2);
八进制：.toString(8);
十进制：.toString(10);
十六进制：.toString(16);
String()可以将null和undefined转换为字符串，但是没法转进制字符串
String()
console.log(String(null)); // null console.log(String(undefined)); // undefined
Sorry, something went wrong.
No branches or pull requests
作者：大西轰已在服务区
链接：https://juejin.im/post/5d030e03518825361817032f
来源：掘金
The text was updated successfully, but these errors were encountered: