js运算符instanceof的工作原理
2012-07-05 20:48
218 查看
结论: 判断类的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 b = jQuery("body") ;
b instanceof jQuery.fn.init //true
b instanceof jQuery //true
从代码上看jQuery.fn.init与jQuery不存在继承关系,怎么就调用jQuery返回jQuery.fn.init的实例却也是jQuery的实例呢。
今天看了一篇博客,顺便推荐下这篇,我看了后纠结的东西明白了不少。
看着突然就想到了最上面的结论。于是做了测试,代码如下
不过我还是有点小疑问
完毕。
enjoy!
例如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对象模型-执行模型
/article/4759713.html
看着突然就想到了最上面的结论。于是做了测试,代码如下function A(){ this.init = 1; } function B(){ this.init2 = 1; } A.prototype = B.prototype = { fun1 : function(){ } }; var a = new A(); a instanceof A //true a instanceof B //true
不过我还是有点小疑问
Function instanceof Object //true Object instanceof Function //true这个Function 跟Object的原型链是咋样的呢?
完毕。
enjoy!
相关文章推荐
- js中的instanceof运算符
- js的instanceof 运算符vs typeof 运算符
- js中的instanceof运算符
- js之constructor属性/instanceof运算符/原型的理解
- js中 instanceof 运算符
- js中的instanceof运算符
- JS中的instanceof和typeof
- js运算符
- js 运算符 || && 妙用
- JS中typeof与instanceof的区别
- js的运算符
- 向下转型和 instanceof 运算符的应用
- java 中的instanceof 运算符
- instanceof 运算符
- Js整理备忘(02)——运算符
- JAVA运算符 instanceof
- js中的“==”双等运算符问题
- JS中的instanceof和typeof
- js中运算符的优先级
- node.js基本工作原理及流程