验证javascript中Object和Function的关系的三段简单代码

2024-09-06 12:45:33

字体：大中小

来源：转载

供稿：网友

话说在楼猪理解和实践能力尚欠火候的时候，在这篇里曾经照搬了李战老师不少东西写在自己的博客里作为“知识储备”。这一次还是不能免俗。在翻到第5章的时候，被开篇第二段话深深吸引和折服：“函数具有对象的全部特征，你完全可以把函数当对象调用。其实，函数就是对象，只不过比一般的对象多了一个括号“{}”操作符，这个操作符用来执行函数的逻辑，即函数本身还可以被调用，一般对象却不可以被调用，除此之外完全相同”。寥寥数语，却深刻阐释了对象和函数的关系。下面楼猪就通过自己写的几段简单代码，论证一下javascript内置Object和Function的关系。
　　
1、Function就是Object，Object就是Function
代码如下:
alert(Function instanceof Object); // true
alert(Object instanceof Function); // true

如你所看到的那样，通过instanceof操作符，函数就是对象，对象就是函数。
2、既然1是成立的，那么Function扩展的原型方法，Object能“得到”吗？
代码如下:
alert(Object.funcMethod); // undefined
Function.prototype.funcMethod = function() {
/*some function method code here*/
}
alert(Function.funcMethod);
alert(Object.funcMethod);
alert(Function.funcMethod === Object.funcMethod); //true

你没有看错，我们为Function扩展的原型方法funcMethod，Object实现了神奇的“不劳而获”。
3、既然1和2都成立，那么Object扩展的原型方法，Function能“得到”吗？！
代码
代码如下:
alert(Function.objMethod); // undefined
Object.prototype.objMethod = function() {
/*some object method code here*/
}
alert(Object.objMethod);
alert(Function.objMethod);
alert(Function.objMethod === Object.objMethod); //true or false?

上面代码中最后有个问号的那一行是弹出true还是false呢？卖个关子，根据楼猪通篇直白而单纯的表述，你应该已经知道结果了，这里不公布答案了。
　　最后，容楼猪在这里得意地自恋一下：个人认为上面这三段代码应该比原书中验证“函数就是对象的本质”的代码更具有说服力。

上一篇：javascript 实用的文字链提示框效果

下一篇：通过javascript的匿名函数来分析几段简单有趣的代码

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注