搞清javascript中Object与Function的关系

Function与Object到底是什么关系呢?我们先使用instanceof进行判断一下:

搞清javascript中Object与Function的关系

搞清javascript中Object与Function的关系

What?是不是感觉心中一万头*奔过呢?为什Function在Object的原型链上,而Object又在Function的原型链上?下面一张图帮你理清它们的关系:

搞清javascript中Object与Function的关系

每个对象都会有一个原型,就是[[prototype]],在ES规范里该属性是隐藏的,但在浏览器中则以__proto__的形式暴露出来。我们现在来解释一下上面的关系:

  1. 所有函数都是Function函数的实例,而Object是一个构造函数,所以Object的原型,也就是Object.__proto__指向Function.prototype
  2. 由于Function本身也是一个函数,所以Function.__proto__指向Function.prototype
  3. 由于Function.prototype是一个对象,所以Function.prototype.__proto__指向Object.prototype
  4. Object.prototype.__proto__永远指向null

下面我们来验证一下上述结论:

搞清javascript中Object与Function的关系

现在你明白为什么Function instanceof Object 及Object instanceof Function的返回值都为true了吗?尝试用上面的结论来解释下吧!另外,满意的话就随手点个赞吧,o(* ̄▽ ̄*)ブ!

 

 

上一篇:JavaScript——原型链。


下一篇:JavaScript原型对象和原型链