首页 > js教程 > 正文

js中typeof与instanceof分别是什么?有什么区别?

原创 2018-10-13 16:35:06 0 794
赞助会员专享特权
本篇文章主要给大家介绍js中typeof与instanceof的区别

首先大家应该要简单了解typeof是什么?

typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。typeof 可以用来检测给定变量的数据类型。

instanceof是什么?

instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。通常来讲,使用 instanceof 就是判断一个实例是否属于某种类型。

js中typeof与instanceof的相同点:

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。

不同处:

一、typeof的定义和用法:

返回值是一个字符串,用来说明变量的数据类型。

具体用法细节:

1、typeof 一般只能返回如下几个结果:

'undefined' :这个值未定义。

'boolean':这个值是布尔值。

'string' :这个值是字符串。

'number' :这个值是数值。

'object':这个值是对象或null。

'function' :这个值是函数。
2、typeof 来获取一个变量是否存在,如

if(typeof a!="undefined"){alert("ok")}

而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错。

3、对于 Array,Null 等特殊对象使用 typeof 一律返回 object,这正是 typeof 的局限性。
二、Instanceof定义和用法:

Instanceof定义和用法:instanceof 用于判断一个变量是否属于某个对象的实例。也可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。

示例:

a instanceof b?alert("true"):alert("false"); //a是b的实例?真:假
 var a=new Array();alert(a instanceof Array);

会返回 true,同时

alert(a instanceof Object)

也会返回 true;

这是因为 Array 是 object 的子类。

再如:

function test(){};var a=new test();alert(a instanceof test)

会返回object。

测试:

var a=new Array();if (a instanceof Object) alert('Y');else alert('N');

得'Y',而

if (window instanceof Object) alert('Y');else alert('N');

得'N'。

所以,这里的 instanceof 测试的 object 是指 js 语法中的 object,不是指 dom 模型对象。

使用 typeof 会有些区别:

alert(typeof(window))

会得 object。

本篇就是关于js中typeof与instanceof的区别介绍,希望对需要的朋友有一定的帮助!

想要了解更多前端知识点,可以关注PHP中文网JavaScript视频教程Bootstrap视频教程等等相关教程,欢迎大家参考学习!

以上就是js中typeof与instanceof分别是什么?有什么区别?的详细内容,更多请关注php中文网其它相关文章!

  • 相关标签:typeof instanceof 区别
  • 本文原创发布php中文网 ,转载请注明出处,感谢您的尊重!
  • 相关文章


  • TypeOf这些知识点你了解吗_javascript技巧
  • JavaScript类型检测之typeof 和 instanceof 的缺陷与优化_javascript技巧
  • 谈谈我对JavaScript中typeof和instanceof的深入理解_javascript技巧
  • 跟我学习javascript的prototype,getPrototypeOf和__proto___javascript技巧
  • JavaScript中isPrototypeOf函数作用和使用实例_javascript技巧
  • 网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
    独孤九贱(4)_PHP视频教程

    独孤九贱(4)_PHP视频教程

    江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 PHP中文网出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

    独孤九贱(5)_ThinkPHP5视频教程

    独孤九贱(5)_ThinkPHP5视频教程

    ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

    独孤九贱(1)_HTML5视频教程

    独孤九贱(1)_HTML5视频教程

    《php.cn原创html5视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

    ThinkPHP5实战之[教学管理系统]

    ThinkPHP5实战之[教学管理系统]

    本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    PHP入门视频教程之一周学会PHP

    PHP入门视频教程之一周学会PHP

    所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

    相关视频教程

  • 弹指间学会JavaScript 教程 弹指间学会JavaScript 教程
  • Javascript 基础教程 Javascript 基础教程
  • Bootstrap 中文手册 Bootstrap 中文手册
  • bootstrap响应式开发教程 bootstrap响应式开发教程
  • 独孤九贱(7)_Bootstrap视频教程 独孤九贱(7)_Bootstrap视频教程
  • 相关视频章节