JavaScript中instanceof运算符的使用示例


Posted in Javascript onJune 08, 2016

instanceof运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。

实例一:普遍用法

A instanceof B :检测B.prototype是否存在于参数A的原型链上.

function Ben() {

}
var ben = new Ben();
console.log(ben instanceof Ben);//true

实例二:继承中判断实例是否属于它的父类

function Ben_parent() {}

function Ben_son() {}

Ben_son.prototype = new Ben_parent();//原型继承

var ben_son = new Ben_son();

console.log(ben_son instanceof Ben_son);//true

console.log(ben_son instanceof Ben_parent);//true

实例三:表明String对象和Date对象都属于Object类型

下面的代码使用了instanceof来证明:String和Date对象同时也属于Object类型。

var simpleStr = "This is a simple string"; 
var myString = new String();
var newStr  = new String("String created with constructor");
var myDate  = new Date();
var myObj   = {};

simpleStr instanceof String; // returns false, 检查原型链会找到 undefined
myString instanceof String; // returns true
newStr  instanceof String; // returns true
myString instanceof Object; // returns true

myObj instanceof Object;  // returns true, despite an undefined prototype
({}) instanceof Object;  // returns true, 同上

myString instanceof Date;  // returns false

myDate instanceof Date;   // returns true
myDate instanceof Object;  // returns true
myDate instanceof String;  // returns false

实例四:演示mycar属于Car类型的同时又属于Object类型

下面的代码创建了一个类型Car,以及该类型的对象实例mycar. instanceof运算符表明了这个mycar对象既属于Car类型,又属于Object类型。

function Car(make, model, year) {
 this.make = make;
 this.model = model;
 this.year = year;
}
var mycar = new Car("Honda", "Accord", 1998);
var a = mycar instanceof Car;  // 返回 true
var b = mycar instanceof Object; // 返回 true
Javascript 相关文章推荐
js可突破windows弹退效果代码
Aug 09 Javascript
json对象转字符串如何实现
Dec 02 Javascript
JavaScript中把数字转换为字符串的程序代码
Jun 19 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
Sep 17 Javascript
详解javascript事件冒泡
Jan 09 Javascript
微信小程序 利用css实现遮罩效果实例详解
Jan 21 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 #Javascript
js获取对象、数组的实际长度,元素实际个数的实现代码
Jun 08 #Javascript
JS & JQuery 动态添加 select option
Jun 08 #Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 #Javascript
浅谈几种常用的JS类定义方法
Jun 08 #Javascript
浅谈javascript中的constructor
Jun 08 #Javascript
js定义类的几种方法(推荐)
Jun 08 #Javascript
You might like
浅析PHP Socket技术
2013/08/02 PHP
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
2013/05/27 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
关于vue面试题汇总
2018/03/20 Javascript
优雅地使用loading(推荐)
2019/04/20 Javascript
Vue使用mixin分发组件的可复用功能
2019/09/01 Javascript
Vue 开发必须知道的36个技巧(小结)
2019/10/09 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
基于JS实现快速读取TXT文件
2020/08/25 Javascript
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
[01:23:24]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第三场 2月7日
2021/03/11 DOTA
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
Python实现一个简单的MySQL类
2015/01/07 Python
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
Django实现单用户登录的方法示例
2019/03/28 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
python中实现词云图的示例
2020/12/19 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
Tory Burch德国官网:美国时尚生活品牌
2018/01/03 全球购物
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
个人求职信范例
2014/01/29 职场文书
酒店营销策划方案
2014/02/07 职场文书
红头文件任命书范本
2014/06/05 职场文书
授权委托书(法人单位用)
2014/09/29 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
Python&Matlab实现樱花的绘制
2022/04/07 Python
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android