繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript Object与Function使用
- Javascript
- 动态生成js类的实现方法
- 漂亮的提示信息（带箭头）
- 实时编辑网页网页文字实时编辑，如同TEXTBOX一般
- 基于逻辑运算的简单权限系统(实现) JS 版
- 用 javascript 实现的点击复制代码
- AutoSave/自动存储功能实现
- JQuery 简便实现页面元素数据验证功能
- 5 cool javascript apps
- jQuery使用手册之 事件处理
- dojo 之基础篇
- dojo 之基础篇(二)之从服务器读取数据
- dojo 之基础篇(三)之向服务器发送数据
- Ajax一统天下之Dojo整合篇
- javascript对象的property和prototype是这样一种关系
- this[] 指的是什么内容 讨论
- 用prototype实现的简单小巧的多级联动菜单
- xml 与javascript结合的问题解决方法
- tbody元素支持嵌套的注意方法
- 推荐dojo学习笔记
- JavaScript判断两种格式的输入日期的正确性的代码
Javascript 中的 javascript Object与Function使用
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-20 浏览: 218 ::
收藏到网摘: n/a
Object instanceof Function 还是 Function instance of Object，是真是假，一一道来 如今的JavaScript再也不是以前被当做玩具的在网页上运行的花哨的脚本了。JavaScript已经逐渐标准化，作为一门真正的编程语言广泛地应用在Web开发上。因此，越来越多的人开始重新认识这门脚本语言，并在不断地探索关于JavaScript核心思想和实现原理，过程中遇到了一些非常混淆的问题。本文着重解释一个比较常见但是非常容易使开发人员或者是初学JavaScript的人非常混淆的问题，那就是两个核心构造函数Object和Function，他们之间到底有什么关系？为何instanceof运算符的返回结果会让你感到混淆？本文将为你一一道来。不过在这之前，我们需要先了解一些JavaScript中的概念和基本的运行机制。
JavaScript的对象体系结构
其实在JavaScript语言中，整个核心的体系结构都围绕着两个构造函数Object和Function来构建的。我将引用来自mollypages.org的一张JavaScript对象体系结构图来说明。
instanceof 运算符
instanceof是一个二元运算符，如：A instanceof B. 其中，A必须是一个合法的JavaScript对象，B必须是一个合法的JavaScript函数 (function). 判断过程如下：
如果函数B在对象A的原型链 (prototype chain) 中被发现，那么instanceof操作符将返回true，否则返回false.
例如下面的代码会返回true.
// return true if specified function is found// in the object's prototype chain as a constructor.alert({} instanceof Object);
JavaScript中的原型链(prototype chain)机制
这里简单概括一下，因为这个话题需要很大篇幅去讨论，本文只是引用了这个概念，重点并非详细讨论该机制。
JavaScript中的原型(prototype)是和函数(function)紧密相连的，因为每个函数默认都会有一个属性叫prototype, 每一个通过函数和new操作符生成的对象都具有一个属性__proto__, 这个属性保存了创建它的构造函数的prototype属性的引用。这个__proto__对象就是实现原型链的核心对象。JavaScript是一门面向对象的编程语言，它的继承特性其实就是通过原型链机制来实现的。同时，instanceof运算符也需要在原型链的支持。我们举例说明：
代码
复制代码 代码如下:
// create a custom constructor Foo
function Foo() {
}
// create an insatnce of Foo
var foo = new Foo();
// foo is an instance of Foo
alert(foo instanceof Foo);// true
// foo is also an instance of Object because
// Foo.prototype is an instance of Object.
// the interpreter will find the constructor
// through the prototype chain.
alert(foo instanceof Object);// true
// Prototype chain of the object foo
//
// __proto__ __proto__ __proto__
// foo -----------> Foo.prototype -----------> Object.prototype -----------> null
// But foo is not an instance of Function, because
// we could not find Function.prototype in foo's
// prototype chain.
alert(foo instanceof Function);// false
// However, its constructor Foo is an instance of
// Function.
alert(Foo instanceof Function);// true
// it's also an instance of Object
alert(Foo instanceof Object);// true
// Prototype chain of the constructor Foo
//
// __proto__ __proto__ __proto__
// Foo -----------> Function.prototype -----------> Object.prototype -----------> null
从上面的代码来分析，我们不难得出这样一个结论：任何对象的原型链最后都能追溯到Object.prototype. 这也就是我们为什么说JavaScript中所有的对象都继承自Object的原因了。
为何Object instanceof Function和Function instanceof Object都返回true？
Object, Function, Array等等这些都被称作是构造“函数”，他们都是函数。而所有的函数都是构造函数Function的实例。从原型链机制的的角度来说，那就是说所有的函数都能通过原型链找到创建他们的Function构造函数的构造原型Function.protorype对象，所以：
alert(Object instanceof Function);// return true
与此同时，又因为Function.prototype是一个对象，所以他的构造函数是Object. 从原型链机制的的角度来说，那就是说所有的函数都能通过原型链找到创建他们的Object构造函数的构造原型Object.prototype对象，所以：
alert(Function instanceof Object);// return true
有趣的是根据我们通过原型链机制对instanceof进行的分析，我们不难得出一个结论：Function instanceof Function 依然返回true, 原理是一样的
1. Function是构造函数，所以它是函数对象
2. 函数对象都是由Function构造函数创建而来的，原型链机制解释为：函数对象的原型链中存在Function.prototype
3. instanceof查找原型链中的每一个节点，如果Function.prototype的构造函数Function的原型链中被查到，返回true
因此下面代码依然返回true
alert(Function instanceof Function);// still true
结论
1. 在JavaScript语言中，一切的一切都是对象，它们全部继承自Object. 或者说所有对象的原型链的根节点都是Object.prototype
2. 理解原型链机制在JavaScript中式如何工作的是非常重要的。掌握了它，不管一个对象多么复杂，你总能够轻而易举地将它攻破。
评论 (0) All
