浅谈Javascript中的Function与Object
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要简单介绍了Javascript中的Function与Object的关系，并附上示例分析，对于我们更好的理解Javascript中的Function与Object的关系很有帮助，有需要的小伙伴参考下。
Function
函数就是对象,代表函数的对象就是函数对象。所有的函数对象是被Function这个函数对象构造出来的。也就是说，Function是最顶层的构造器。它构造了系统中所有的对象，包括用户自定义对象，系统内置对象，甚至包括它自已。
Object
Object是最顶层的对象，所有的对象都将继承Object的原型，你也要知道Object也是一个函数对象，所以说Object是被Function构造出来的。
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>
小伙伴们读代码的时候可以参考下图片上的关系图，希望大家喜欢。