服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 浅谈Javascript中的Function与Object

浅谈Javascript中的Function与Object

2021-07-25 18:21JavaScript教程网 JavaScript

这篇文章主要简单介绍了Javascript中的Function与Object的关系,并附上示例分析,对于我们更好的理解Javascript中的Function与Object的关系很有帮助,有需要的小伙伴参考下。

Function

函数就是对象,代表函数的对象就是函数对象。所有的函数对象是被Function这个函数对象构造出来的。也就是说,Function是最顶层的构造器。它构造了系统中所有的对象,包括用户自定义对象,系统内置对象,甚至包括它自已。

Object

Object是最顶层的对象,所有的对象都将继承Object的原型,你也要知道Object也是一个函数对象,所以说Object是被Function构造出来的。

Function 与Object 关系图:

浅谈Javascript中的Function与Object

 

复制代码 代码如下:

<script type="text/javascript">
var Foo= function(){}
var f1 = new Foo();
console.log(f1.__proto__ === Foo.prototype);
console.log(Foo.prototype.constructor === Foo);
var o1 =new Object();
console.log(o1.__proto__ === Object.prototype);
console.log(Object.prototype.constructor === Object);
console.log(Foo.prototype.__proto__ === Object.prototype);
//Function and Object
console.log(Function.__proto__ === Function.prototype);
console.log(Object.__proto__ === Function.prototype);
console.log(Object.prototype.__proto__);
console.log(Object.__proto__ === Function.prototype);
</script>

 

小伙伴们读代码的时候可以参考下图片上的关系图,希望大家喜欢。

延伸 · 阅读

精彩推荐