浅谈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 相关文章推荐
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
浅析vue component 组件使用
Mar 06 Javascript
vue组件实践之可搜索下拉框功能
Nov 25 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
解决layui动态加载复选框无法选中的问题
Sep 20 Javascript
jQuery操作事件完整实例分析
Jan 10 jQuery
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
基于JavaScript实现年月日三级联动
Jun 22 Javascript
JavaScript架构搭建前端监控如何采集异常数据
Jun 25 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
聊天室php&amp;mysql(一)
2006/10/09 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
js+html5实现可在手机上玩的拼图游戏
2015/07/17 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
2016/08/16 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
2018/04/21 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
webpack4+react多页面架构的实现
2018/10/25 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
2019/06/18 jQuery
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
python中关于日期时间处理的问答集锦
2013/03/08 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
python中map的基本用法示例
2018/09/10 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
家得宝加拿大家装网上商店:The Home Depot加拿大
2016/08/27 全球购物
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
美国男士内衣品牌:Tommy John
2017/12/22 全球购物
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
CSS 实现Chrome标签栏的技巧
2021/08/04 HTML / CSS