J*aScript typeof和instanceof有何区别_何时使用?

typeof适合检测基本类型和函数,返回字符串;instanceof专用于判断对象是否由指定构造函数创建,返回布尔值。二者定位不同、不可混用。

javascript typeof和instanceof有何区别_何时使用?

判断 J*aScript 中变量的类型,typeofinstanceof 是最常用的两个工具,但它们定位不同、适用场景也不同。简单说:typeof 适合查基本类型和函数,instanceof 专用于检测对象是否由某个构造函数创建

typeof:查“值的底层类别”,返回字符串

它能快速告诉你一个值属于哪一类原始类型或特殊标识:

  • numberstringbooleanundefinedsymbolbigintfunction 都能准确返回对应字符串
  • null 是个例外,typeof null 返回 "object"(历史 bug,但已成标准)
  • 所有引用类型——ArrayDateRegExp、普通对象、甚至 new String("a")——统统返回 "object"
  • 常用来安全检测变量是否声明:if (typeof myVar !== "undefined") { ... },避免 ReferenceError

instanceof:查“对象的出身”,返回布尔值

它只关心「这个对象是不是通过某个构造函数(或其原型链)实例化出来的」:

网奇Eshop网络商城系统 网奇Eshop网络商城系统

网奇.NET网络商城系统是基于.Net平台开发的免费商城系统。功能强大,操作方便,设置简便。无需任何设置,上传到支持asp.net的主机空间即可使用。系统特色功能:1、同时支持Access和SqlServer数据库;2、支持多语言、多模板3、可定制缺货处理功能4、支持附件销售功能5、支持会员组批发功能6、提供页面设计API函数7、支持预付款功能8、配送价格分地区按数学公式计算9、商品支持多类别,可

网奇Eshop网络商城系统 0 查看详情 网奇Eshop网络商城系统
  • 左边必须是对象(非原始值),否则直接返回 false;右边必须是函数(有 prototype),否则报错
  • [] instanceof Arraytruenew Date() instanceof Datetrue
  • 因为原型链继承,[] instanceof Object 也是 truenew Date() instanceof Object 同样为 true
  • 注意跨 iframe 或不同 JS 上下文时会失效(构造函数不共享)

什么时候该用哪个?

按需求选,不混用:

  • 想知道是不是数字、字符串、函数、未定义?→ 用 typeof
  • 想知道是不是数组、正则、日期、自定义类的实例?→ 优先用 Array.isArray()obj instanceof RegExp
  • 要兼容老环境且需精确识别数组?Object.prototype.toString.call(arr) === "[object Array]" 更可靠
  • 不要用 typeof [] === "array"(无效),也不要拿 "hello" instanceof String(永远 false,除非是 new String()

基本上就这些。用对了,类型判断就稳了一大半。

以上就是J*aScript typeof和instanceof有何区别_何时使用?的详细内容,更多请关注其它相关文章!

本文转自网络,如有侵权请联系客服删除。