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 相关文章推荐
JavaScript中的Window窗口对象
Jan 16 Javascript
javascript 浏览器检测代码精简版
Mar 04 Javascript
字符串的replace方法应用浅析
Dec 06 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
详解AngularJS中的依赖注入机制
Jun 17 Javascript
Augularjs-起步详解
Jul 08 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
js技巧之十几行的代码实现vue.watch代码
Jun 09 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 Javascript
ant-design-vue按需加载的坑的解决
May 14 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
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
php中的常用魔术方法总结
2013/08/02 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
range 标准化之获取
2011/08/28 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
jQuery.prop() 使用详解
2015/07/19 Javascript
解析JavaScript的ES6版本中的解构赋值
2015/07/28 Javascript
两种JS实现屏蔽鼠标右键的方法
2020/08/20 Javascript
js运动应用实例解析
2015/12/28 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
2016/02/25 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
2019/04/09 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
python实现QQ邮箱/163邮箱的邮件发送
2019/01/22 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
django 取消csrf限制的实例
2020/03/13 Python
python 绘制国旗的示例
2020/09/27 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
就业自荐书
2013/12/05 职场文书
庆七一活动方案
2014/01/25 职场文书
酒店总经理岗位职责范本
2014/08/08 职场文书
商铺门面租房协议书
2014/10/21 职场文书
公司员工辞职信范文
2015/05/12 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
js Proxy的原理详解
2021/05/25 Javascript
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL