浅谈Javascript中的Function与Object
作者:bea
Function 函数就是对象,代表函数的对象就是函数对象。所有的函数对象是被Function这个函数对象构造出来的。也就是说,Function是最顶层的构造器。它构造了系统中所有的对象,包括用户自定义对象,系统内置对象,甚至包括它自已。 Object Object是最顶层的对象,所有的对象都将继承Object的原型,你也要知道Object也是一个函数对象,所以说Object是被Function构造出来的。 Function 与Object 关系图: 代码如下: &l
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>
小伙伴们读代码的时候可以参考下图片上的关系图,希望大家喜欢。
有用 | 无用
函数就是对象,代表函数的对象就是函数对象。所有的函数对象是被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>
小伙伴们读代码的时候可以参考下图片上的关系图,希望大家喜欢。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js判断鼠标左、中、右键哪个被点击的方法
- js判断是否按下了Shift键的方法
- js获取json元素数量的方法
- javascript修改图片src的方法
- js获取内联样式的方法
- js获取元素外链样式的方法
- jquery复选框多选赋值给文本框的方法
- jQuery+ajax实现动态执行脚本的方法
- javascript将异步校验表单改写为同步表单
- JavaScript中实现sprintf、printf函数
- javascript批量修改文件编码格式的方法
- JavaScript中的包装对象介绍
- 浅谈JSON中stringify 函数、toJosn函数和parse函数
- 浅谈JavaScript Math和Number对象
- js判断一个字符串是否包含一个子串的方法
- javascript中Object使用详解
- JQuery中的事件及动画用法实例
- javascript折半查找详解
- JavaScript数据类型检测代码分享