浅谈Javascript中的Function与Object
更新时间：2015年01月26日 09:48:17 投稿：hebedich
这篇文章主要简单介绍了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>
小伙伴们读代码的时候可以参考下图片上的关系图，希望大家喜欢。
相关文章
一文搞懂JavaScript中bind,apply,call的实现
bind、call和apply都是Function原型链上面的方法，因此不管是使用function声明的函数，还是箭头函数都可以直接调用。本文就带你看看如何实现bind、call和apply2022-06-06
这篇文章主要介绍了Bootstrap实现的表格合并单元格,涉及bootstrap界面布局相关操作技巧,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了js实时获取并显示当前时间的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了基于PHP pthreads实现多线程代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了JavaScript数组实现数据结构中的队列与堆栈的相关资料,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了Express的路由详解的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了在HTML中使用JavaScript的两种方法，帮助大家更好的理解和制作网页，感兴趣的朋友可以了解下2020-12-12
本文通过几个简单的示例向大家展示了javascript封装cookie的注意事项及操作方法，非常的简单实用，最后附上一则具体实例，有需要的小火把可以参考下。2015-08-08
这篇文章主要介绍了JavaScript对象的四种创建方法，首先我们通过确定一个对象的属性和方法展开主题相关内容，需要的小伙伴可以参考一下2022-08-08
这篇文章主要为大家详细介绍了Bootstrap基本组件学习笔记之进度条,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论