javascript中的类型判断

今天药忘吃喽~ 2023-07-10 11:22 12阅读 0赞

#### typeof 判断变量的类型 ####

<table> 
 <thead> 
  <tr> 
   <td colspan="2">typeof返回值对应</td> 
  </tr> 
  <tr> 
   <td>类型</td> 
   <td>返回值</td> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>String</td> 
   <td>"string"</td> 
  </tr> 
  <tr> 
   <td>Number</td> 
   <td>"number"</td> 
  </tr> 
  <tr> 
   <td>Boolean</td> 
   <td>"boolean"</td> 
  </tr> 
  <tr> 
   <td>undefined</td> 
   <td>"undefined"</td> 
  </tr> 
  <tr> 
   <td>Object</td> 
   <td>"object"</td> 
  </tr> 
  <tr> 
   <td>function</td> 
   <td>"function"</td> 
  </tr> 
  <tr> 
   <td>Symbol</td> 
   <td>"symbol"</td> 
  </tr> 
 </tbody> 
</table>

*  typeof 的不足之处：  
    1、不能区分对象、数组、正则返回的都是“object”  
    2、Safar,Chrome7之前的版本对正则对象返回的是“function”  
    3、在IE6、7、8中，大多数的宿主对象是对象，而不是函数 如：typeof alert  
    注释：宿主对象：window、document，内置对象：Math、Date等；本地对象： 就是自己申明的对象

#### instanceof判断实例对象的构造函数是谁 ####

*  实现原理：实例对象的\_\_proto\_\_这个属性，和构造函数的prototype这个属性是不是同一个引用
 *  作用： 判断实例对象的构造函数是谁

function Student(name){ 
      this.name = name;
    }
    var stu = new Student('张珊')
    console.log(stu instanceof Student); // true 说明stu就是Student的实例
    console.log(stu instanceof Object) 
    // true 说明stu是Object()函数的实例
    // 只要是在这个原型链上的构造函数，都会被instanceof看做是stu的构造函数

#### in 判断某个对象中是否由某个属性 ####

function Student(name){ 
     this.name = name;
    } 
    Student.prototype.study = function () { 
      console.log(this.name)
    }
    var stu = new Student('张珊')
    console.log(stu)
    console.log("toString" in stu) 
    // true 在这段代码中没有toString这个属性，
    // 那它就会去原型对象上去找，如果没有找到，就会去原型的原型上去找最终会找到Object.prototype上面
    console.log("study" in stu) // true 说明stu这个对象的上有study这个属性

#### Object.prototype.toString.call()判断类型 ####

<table> 
 <thead> 
  <tr> 
   <td>类型</td> 
   <td>返回值</td> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>String</td> 
   <td>"[object String]"</td> 
  </tr> 
  <tr> 
   <td>Number</td> 
   <td>"[object Number]"</td> 
  </tr> 
  <tr> 
   <td>Boolean</td> 
   <td>"[object Boolean]"</td> 
  </tr> 
  <tr> 
   <td>undefined</td> 
   <td>"[object Undefined]"</td> 
  </tr> 
  <tr> 
   <td>Object</td> 
   <td>"[object Object]"</td> 
  </tr> 
  <tr> 
   <td>Array</td> 
   <td>"[object Array]"</td> 
  </tr> 
  <tr> 
   <td>function</td> 
   <td>"[object Function]"</td> 
  </tr> 
  <tr> 
   <td>Symbol</td> 
   <td>"[object Symbol]"</td> 
  </tr> 
 </tbody> 
</table>