内置类型
js有七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object)。
六种基本类型: null,undefined,boolean,number,string,symbol。
JS 的数字类型是浮点类型的,没有整型。NaN 也属于 number 类型,并且 NaN 不等于自身。
对象(Object)是引用类型,在使用过程中会遇到浅拷贝和深拷贝的问题。
let a = { name: 'FE' }
let b = a
b.name = 'EF'
console.log(a.name) // EF
Typeof
typeof 对于基本类型,除了 null 都可以显示正确的类型
typeof 对于对象,除了函数都会显示 object
对于 null 来说,虽然它是基本类型,但是会显示 object
如果我们想获得一个变量的正确类型,可以通过 Object.prototype.toString. call(xx)。这样我们就可以获得类似 [Object Type] 的字符串。
let a // 我们也可以这样判断 undefined
a === undefined // 但是 undefined 不是保留字,能够在低版本浏览器被赋值
let undefined = 1 // 这样判断就会出错
// 所以可以用下面的方式来判断,并且代码量更少
// 因为 void 后面随便跟上一个组成表达式 // 返回就是 undefined
a === void 0
instanceof
instanceof 可以正确的判断对象的类型,因为内部机制是通过判断对象的原型链 中是不是能找到类型的 prototype。
//我们也可以试着实现一下 instanceof
function instanceof(left, right) {
let prototype = right.prototype // 获得类型的原型
left = left.__proto__ // 获得对象的原型
while (true) { // 判断对象的类型是否等于类型的原型
if (left === null)
return false
if (prototype === left)
return true
left = left.__proto__
}
}
类型转换
转Boolean
在条件判断时,除了 undefined, null, false, NaN, '', 0, -0,其他所 有值都转为 true,包括所有对象。
对象转基本类型
对象在转换基本类型时,首先会调用 valueOf 然后调用 toString。并且这两个方 法你是可以重写的。 当然你也可以重写 Symbol.toPrimitive ,该方法在转基本类型时调用优先级最高。
let a={
valueOf()
{
return 0;
},
toString()
{
return '1';
},
[Symbol.toPrimitive]()
{
return 2;
}
}
1 + a // => 3 '1' + a // => '12'
四则运算符
只有当加法运算时,其中一方是字符串类型,就会把另一个也转为字符串类型。其 他运算只要其中一方是数字,那么另一方就转为数字
1 + '1' // '11'
2 * '2' // 4
[1, 2] + [2, 1] // '1,22,1'
// [1, 2].toString() -> '1,2'
// [2, 1].toString() -> '2,1'
// '1,2' + '2,1' = '1,22,1'
对于加号需要注意这个表达式 'a' + + 'b' 'a' + + 'b' // -> "aNaN"