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 相关文章推荐
Document 对象的常用方法
Jul 31 Javascript
基于jquery的气泡提示效果
May 31 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
基于jQuery Tipso插件实现消息提示框特效
Mar 16 Javascript
详解angular 中的自定义指令之详解API
Jun 20 Javascript
vue中component组件的props使用详解
Sep 04 Javascript
js中值引用和地址引用实例分析
Jun 21 Javascript
layui实现数据分页功能(ajax异步)
Jul 27 Javascript
JavaScript实现抖音罗盘时钟
Oct 11 Javascript
微信小程序实现简单购物车功能
Dec 30 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
php学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
如何批量清理系统临时文件(语言:C#、 C/C++、 php 、python 、java )
2016/02/01 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
二行代码解决全部网页木马
2008/03/28 Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
2010/06/25 Javascript
GreyBox技术总结(转)
2010/11/23 Javascript
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
javascript抖动元素的小例子
2013/10/28 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
Javascript中实现String.startsWith和endsWith方法
2015/06/10 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
2016/04/27 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
Angular1.x自定义指令实例详解
2017/03/01 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
es6基础学习之解构赋值
2018/12/10 Javascript
简单两步使用node发送qq邮件的方法
2019/03/01 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
2019/06/06 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
Python切片索引用法示例
2018/05/15 Python
Python利用itchat库向好友或者公众号发消息的实例
2019/02/21 Python
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
个人工作主要事迹
2014/05/08 职场文书
汽车转让协议书范本
2014/12/07 职场文书