js 类型

类型分类

    js中数据类型 一共有八种。分别是 7种原始类型 （ undefined,Null Number,String,Boolean,Symbol，BigInt）和对象 （Object）

   除了Object 其他的类型的值本身都是无法被改变的。

   Object 其实又可以细分为 function, Arrary,Date,RegExp

类型判断

 typeOf

  基本类型都可以用typeof来判断，function 也可以通过typeof来判断

  但是基本类型中有例外-null 直接用typeof null 会返回 object 需要使用String(null)来判断null

  typeof NaN  会返回 number 需要用isNaN来判断是否是NaN类型。

  Object 类型直接用typeof判断会返回object，没办法细分，所以我们要用其他办法判断

  Object.property.toString.call() 

   因为js一切皆对象，所以每个对象上都有一个这个toString方法。这个方法几乎支持所有的类型的判断。 这里的NaN类型也会返回为number，所以要精确的判断的是否是NaN 只能用isNaN

  比如

let arr = new Array()
Object.prototype.toString.call(arr) //'[object Array]'
 
let a = 1
Object.prototype.toString.call(a) //'[object Number]'
 
Object.prototype.toString.call(NaN) //'[object Number]'
 
Object.prototype.toString.call(null)//'[object Null]’
 
function fn(){
Object.prototype.toString.call(fn)//'[object Function]’

　　

 

 instanceof

 

instanceof 是用来判断一个对象是不是另一个对象的原型链中 所以我们可以用来判断引用类型的类型。

如:

 
[1,2] instanceof Array //true
 
({a:1}) instanceof Object //true
 
(new Date) instanceof Date //true
 
//值类型直接用instanceof 会返回false ，null 和 NaN 用instanceof 会报错
"a" instanceof String //false
 
null instanceof null
// Uncaught TypeError: Right-hand side of 'instanceof' is not an object
    at <anonymous>:1:6
 
NaN instanceof NaN
// Uncaught TypeError: Right-hand side of 'instanceof' is not an object
    at <anonymous>:1:5
 
 *如果非要用instanceof 判断值类型 可以这么判断 需要明确的定义一下如：
let a = new String("a")
a instanceof String //true

　　

 

instanceof的实现原理

 

instanceof就是去遍历左边函数的原型链，判断右边的对象 是否能在左边的原型链中，如果是就返回true，否则返回false。 手动实现一个instanceof

手写instanceof
function myInstanceof(left,right){
   //let proto = Object.getPrototypeOf(left);
   let proto = left.__proto__
   let prototype = right.prototype;
   while(true){
     if(proto === null){
       return false;
     }else if(proto === prototype){
       return true;
     }else{
       //proto = Object.getPrototypeOf(proto);
       proto = proto.__proto__
     }
   }
}

　　

 

类型转换

类型转换有显式的转换方式，也有隐式的转换方式。

显示

 

转换类型	函数	当值为null时	特性	备注
转为字符串	toString	报错		[1].toString() //“1” [1,4].toString()//“1,4"
	String()	'null'
转为数字	Number()	0	转为数字	如果x无法转成数字 会返回NaN
	parseInt()	NaN	转为整数	如果x无法转成数字 会返回NaN
	parseFloat()	NaN	转为浮点数	如果x无法转成数字 会返回NaN
转为布尔值	Boolean()	false	字符串,数字（除0以外）等转为true undefined转为false 0转为false

隐式

 

 隐式转换就是通过一些运算符号或者对比符号进行隐式转换。

 

-（减号）*（乘号）/（除号）%（取余） 一律转成数值计算。

+（加号）

• 数字+字符串 = 字符串
•  数字+对象 先调用对象的valueof再调用tostring 进行拼接 举几个例子

1+{"a":"2”}  //'1[object Object]’
 
1+(function a(){}) //'1function a(){}’
 
1+ (new Date()) //'1Thu Oct 21 2021 18:21:27 GMT+0800 (中国标准时间)’
 
1+["a","b”]  //'1a,b'

　　

• 数字+boolean = 数字

1+true //2
1+false //1

　　

• 数字+null = 数字

1+null //1

　　

• 数字+undefined ==NaN   /  +undefined ==NaN

     NaN !== NaN