浅谈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 相关文章推荐
IE8 浏览器Cookie的处理
Jan 31 Javascript
jquery 常用操作方法
Jan 28 Javascript
超级酷和最实用的jQuery实例收集(20个)
Apr 21 Javascript
纯JS实现的批量图片预览加载功能
Aug 14 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 Javascript
js封装成插件_Canvas统计图插件编写实例
Sep 12 Javascript
JavaScript模拟实现自由落体效果
Aug 28 Javascript
JS函数基本定义与用法示例
Jan 15 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
Nov 02 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中global和$GLOBALS[]的分析之一
2012/02/02 PHP
关于PHP的curl开启问题探讨
2014/04/08 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php中的观察者模式简单实例
2015/01/20 PHP
Yii框架表单模型和验证用法
2016/05/20 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
Prototype 工具函数 学习
2009/07/23 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
清除js缓存的多种方法总结
2016/12/09 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
2020/10/21 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
Python中序列的修改、散列与切片详解
2017/08/27 Python
获取Django项目的全部url方法详解
2017/10/26 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
softmax及python实现过程解析
2019/09/30 Python
学python需要去培训机构吗
2020/07/01 Python
大女孩胸罩:Big Girls Bras
2016/12/15 全球购物
施华洛世奇中国官网:SWAROVSKI中国
2020/06/16 全球购物
趣味比赛活动方案
2014/02/15 职场文书
抗洪救灾标语
2014/10/08 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL