js判断数据类型的方式详解(面试题)

本文详细介绍了JavaScript中的typeof,instanceof,constructor以及Object.prototype.toString.call()在判断数据类型和原型链上的应用,强调了它们在构造函数、原型对象和类型识别中的作用。
摘要由CSDN通过智能技术生成

一.typeof

1.用来判断基本数据类型

null、Object、String判断的结果都为object

二.instanceof

检测构造函数的 prototype 属性是否在某个实例对象的原型链上

不能判断简单数据类型,只能判断复杂数据类型。

复杂数据类型的具体类型不一定判断正确。

手写instanceof

function myInstanceof(source, target) {
  // 获取需要判断对象的原型
  let proto = Object.getPrototypeOf(source); 
  // 获取构造函数的 prototype 对象
  let prototype = target.prototype; 

  // 判断构造函数的 prototype 对象是否在对象的原型链上
  while (true) {
     if (!proto) return false; //尽头Object.prototype.__proto__ = null

     if (proto === prototype) return true;

     proto = Object.getPrototypeOf(proto); 
   }
}

三.constructor

与js代码的执行机制有关。在一个函数定义时,js会给这个函数添加一个prototype对象(原型对象),之后在原型对象上添加一个constructor属性并指向函数的引用。当函数作为构造函数创建对象时,新创建的对象的原型对象的constructor会继承构造函数的原型对象的constructor。

四.Object.prototype.toString.call()

Object对象,直接调用toString()就能返回[object Object]

其他对象,则需要通过call、apply来调用才能返回正确的类型信息

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值