浅谈Javascript中的Function与Object

151 阅读 0 评论 100 点赞

我是靠谱客的博主健壮小蝴蝶，最近开发中收集的这篇文章主要介绍浅谈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>

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