js 中判断变量的类型（ typeof 和 instanceof ）

小咪咪 2021-10-24 01:20 466阅读 0赞

*  **typeof**
    
    判断基本类型，返回一个字符串

console.log(typeof '');//string
    console.log(typeof []);//object
    console.log(typeof { });//object
    console.log(typeof 1);//number
    console.log(typeof null);//object
    console.log(typeof undefined);//undefined
    console.log(typeof true);//boolean
    console.log(typeof function(){ });//function
    console.log(typeof /\d/);//object

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70]

*  **instanceof**
    
    检查某个对象属于哪个构造函数，返回true/false

返回的结果：  
![在这里插入图片描述][20190819154553455.png]  
**在实际的项目应用中，typeof只有两个用途，就是检测一个元素是否为undefined，或者是否为function**

JavaScript Garden整理出来了如下表格：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70]: /images/20211023/73bc341baabe4676858a33e2a74b8193.png
[20190819154553455.png]: /images/20211023/b606499eafe843ae8b3d848192bb9968.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70 1]: /images/20211023/307e6d4d53cd421e8782f985ded7cbd0.png