繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > prototype，executing，context，closure
- Javascript
- JS 参数传递的实际应用代码分析
- prototype与jquery下Ajax实现的差别
- 用JS写的简单的计算器实现代码
- javascript 数组操作实用技巧
- JavaScript 中级笔记 第二章
- JavaScript 中级笔记 第三章
- JavaScript 中级笔记 第四章 闭包
- JavaScript 中级笔记 第五章 面向对象的基础
- Mootools 1.2教程 函数
- Mootools 1.2教程 事件处理
- 通过Mootools 1.2来操纵HTML DOM元素
- Mootools 1.2教程 设置和获取样式表属性
- Mootools 1.2教程 输入过滤第一部分（数字）
- Mootools 1.2教程 输入过滤第二部分（字符串）
- Mootools 1.2教程 Fx.Tween的使用
- Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
- MooTools 1.2中的Drag.Move来实现拖放
- Mootools 1.2教程 正则表达式
- Mootools 1.2教程 定时器和哈希简介
- Mootools 1.2教程 滚动条（Slider）
Javascript 中的 prototype，executing，context，closure
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 284 ::
收藏到网摘: n/a
JavaScript是一种灵活的脚本语言。与Java、C++等需要编译执行的程序设计语言有很大不同，在使用的过程中,会暴露出一些问题。要学好JavaScript，有几个基本概念必须搞清楚：prototype，executing，context，closure。
Prototype
在JavaScript语言中，通常使用Prototype来实现OO。在这里，我们不对JavaScript的OO实现进行过多的探讨，着重来看一下JS中对象的内存模型。在开始之前，需要先明确以下几点：
1. JS中，存在以下几种数据类型：string，number，boolean，object，function（注意：首字母均为小写）。
2 “Object”, “String”, “Date”等内置数据类型，在JS中实际上是函数名称（使用"alert(typeof Object)"可以验证，输出为"function"）。我们通常指的类型为"Date"的数据类型，实际上是通过"new Date"所产生的对象。
3. 在JavaScript中，对象都是associative array （hash table），可以动态指定对象的property。
4. 在Firefox中可以使用"__proto__"属性来查看一个对象的"prototype"。
下面我们来看一个简单的例子：
function Person() { this.age = 10; this.name = "test";}Person.prototype = new Object;var p = new Person;alert(p); // output "[object Object]"alert(p.__proto__); // output "[object Object]"
可以看出Person数据类型具有一个“prototype”，如果更改这个prototype，会影响到所有已经产生的Person类型的对象，同时也会影响到以后建立的Person类型的对象。如果指定一个function的prototype属性，则所有使用该function生成的对象实例中（使用new操作符)都具有该prototype，在Firefox 中，可以使用"__proto__"属性访问。
通常情况下，我们讲JS中的对象都继承Object数据类型，这是如何体现的呢？我们把以上的程序稍微修改一下：
function Person() { this.age = 10; this.name = "test";}var p = new Person;alert(p); // output "[object Object]"alert(p.__proto__); // output "[object Object]"alert(p.__proto__.__proto__); // output "[object Object]"alert(p.__proto__.__proto__ == Object.prototype); // output "true"alert(p.__proto__.__proto__.__proto__); // output "null"
由以上程序可以看到，Person的"prototype"(在这里，没有明确指定Person.prototype, 而是使用缺省值)的"prototype" (p.__proto__.__proto__)正是Object.prototype, Object.prototype是prototype chain的终点（其自己的祖先为null）。
在JS中，Object是function，同时，所有function的实例，也都是Object。请看如下程序：
/* Object, Function都是function数据类型 */alert(typeof Object); // output "function"alert(typeof Function); // output "function"/* Function的prototype是一个空function */alert(Function.prototype); // output "function() {}"alert(Function.__proto__ == Function.prototype); // output "true"/* function是object, 其prototype chain的终点是Object.prototype */alert(Function.__proto__.__proto__ == Object.prototype); //output "true"/* Object是function的实例 */ alert(Object.__proto__ == Function.prototype); // output "true"alert(Object.__proto__.__proto__ == Object.prototype); // output "true"改变Function.prototype会影响到“Object”，改变Object.prototype会影响到所有function的实例。
评论 (0) All
