js运算符instanceof的工作原理
来源:互联网 发布:java的所有数据类型 编辑:程序博客网 时间:2024/05/20 13:14
结论: 判断类的prototype对象是否存在于实例对象的原型链上。是则返回true。
例如obj instanceof Fn 。
1,objProto = obj.__proto__ 。(__proto__指对象 内部隐式的[[Prototype]] ,在FF、chrome下可用__proto__访问,其他浏览器不一定能访问)
2,判断Fn.prototype == objProto , 是则返回true,否则
3,objProto == objProto .__proto__,如果objProto 不为null ,跳到2
这两天研究jquery源码,又纠结在它的实例化方式上了,总是看不明白。
var jQuery = function( selector, context ) {return new jQuery.fn.init( selector, context );};jQuery.fn = jQuery.prototype = {init: function( selector, context ) {}}jQuery.fn.init.prototype = jQuery.fn;
我发现如下情况
var b = jQuery("body") ;
b instanceof jQuery.fn.init //true
b instanceof jQuery //true
从代码上看jQuery.fn.init与jQuery不存在继承关系,怎么就调用jQuery返回jQuery.fn.init的实例却也是jQuery的实例呢。
今天看了一篇博客,顺便推荐下这篇,我看了后纠结的东西明白了不少。
JavaScript对象模型-执行模型
http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html
看着突然就想到了最上面的结论。于是做了测试,代码如下
function A(){this.init = 1;}function B(){this.init2 = 1;}A.prototype = B.prototype = {fun1 : function(){}};var a = new A();a instanceof A //truea instanceof B //true
不过我还是有点小疑问
Function instanceof Object //trueObject instanceof Function //true这个Function 跟Object的原型链是咋样的呢?
完毕。
enjoy!
- js运算符instanceof的工作原理
- js的instanceof 运算符vs typeof 运算符
- js中的instanceof运算符
- js中 instanceof 运算符
- js之constructor属性/instanceof运算符/原型的理解
- [JS]JS中的instanceof运算符
- instanceof工作原理
- instanceof 运算符的用法
- instanceof 运算符的用法
- instanceof 运算符的用法
- instanceof 运算符的用法
- instanceof 运算符的用法
- java的instanceof 运算符
- instanceof 运算符的用法
- java的instanceof运算符
- JavaScript的instanceof运算符
- Java中的instanceof运算符的执行原理和使用参考
- Java 中 instanceof 运算符的用法
- poj 1273 Drainage Ditches--最大流--Dinic
- 第二十天:IO流
- C# FileSystemWatcher 在监控文件夹和文件时的用法
- IOS NSString
- 第二十一天:网络编程
- js运算符instanceof的工作原理
- C# WinForm多线程
- 软件架构对程序设计的影响
- gallery
- 游戏之道揭秘探索:NVIDIA游戏王国之路
- grep用法详解:grep与正则表达式
- MyEclipse9.1导入Jquery的相关问题
- 第十天:内置对象_四大作用域_下午面试题
- DVR (Hi3515平台,Hi3520平台,Hi3531平台,Powerpc平台,Mips平台)