繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > prototype，executing，context，closure
- Javascript
- JavaScript 基础问答一
- CSS JavaScript 实现菜单功能 改进版
- JavaScript 图片切割效果(放大镜)
- JavaScript 拖放效果代码
- 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
- 鼠标滑过 放大显示效果的列表
- JS 相册效果 自动播放[本地整合]
- 仿CSDN 右下角悬挂的浮动层效果
- 右下角广告(点击广告后出现关闭按钮可关闭)
- javascript this用法小结
- JavaScript 绘图代码
- JavaScript CSS菜单功能 改进版
- javascript jQuery插件练习
- jQuery 浮动广告实现代码
- jQuery 位置插件
- jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
- jquery 图片预加载 自动等比例缩放插件
- JavaScript 仿关机效果的图片层
- javascript 对表格的行和列都能加亮显示
- JavaScript Select和Option列表元素上下左右移动
Javascript 中的 prototype，executing，context，closure
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 400 ::
收藏到网摘: 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
