浅谈Javascript中的Function与Object


Posted in Javascript onJanuary 26, 2015

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>

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

Javascript 相关文章推荐
jquery实现点击TreeView文本父节点展开/折叠子节点
Jan 10 Javascript
前端开发过程中浏览器版本的两种判定方法
Oct 30 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
javascript学习笔记(六)数据类型和JSON格式
Oct 08 Javascript
jquery模拟alert的弹窗插件
Jul 31 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
Mar 01 Javascript
TypeScript Type Innference(类型判断)
Mar 10 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
Jun 29 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
Aug 31 Javascript
七行JSON代码把你的网站变成移动应用过程详解
Jul 09 Javascript
layer提示框添加多个按钮选择的实例
Sep 12 Javascript
javascript实现动态加载CSS
Jan 26 #Javascript
使用jQuery实现返回顶部
Jan 26 #Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 #Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 #Javascript
JavaScript事件委托用法分析
Jan 24 #Javascript
jQuery统计上传文件大小的方法
Jan 24 #Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 #Javascript
You might like
我常用的几个类
2006/10/09 PHP
使用PHP和XSL stylesheets转换XML文档
2006/10/09 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
php读取文件内容至字符串中,同时去除换行、空行、行首行尾空格(Zjmainstay原创)
2012/07/31 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
每天一篇javascript学习小结(String对象)
2015/11/18 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
AngularJS通过$location获取及改变当前页面的URL
2016/09/23 Javascript
node 命令方式启动修改端口的方法
2018/05/12 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
深入解析Vue源码实例挂载与编译流程实现思路详解
2019/05/05 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
关于Python内存分配时的小秘密分享
2019/09/05 Python
PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解
2020/03/24 Python
python中的列表和元组区别分析
2020/12/30 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
人力资源行政经理自我评价
2013/10/23 职场文书
诉前财产保全担保书
2014/05/20 职场文书
实习证明格式范文
2014/10/14 职场文书
2015年全国爱耳日活动总结
2015/02/27 职场文书
检察院起诉书
2015/05/20 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书