繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > prototype，executing，context，closure
- Javascript
- javascript 异常处理使用总结
- ExtJS扩展 垂直tabLayout实现代码
- JavaScript 新手24条实用建议[TUTS+]
- PNG背景在不同浏览器下的应用
- 实现超用户体验 table排序javascript实现代码
- 利用JQuery为搜索栏增加tag提示
- JQuery 前台切换网站的样式实现
- WordPress JQuery处理沙发头像
- js form 验证函数 当前比较流行的错误提示
- JQuery 无废话系列教程(一) jquery入门 [推荐]
- jQuery 表单验证插件formValidation实现个性化错误提示
- JQuery 入门实例1
- jQuery 可以拖动的div实现代码 修正版
- javascript DOM对象的学习实例代码
- css 二级菜单 实现代码集合 修正版
- ExtJS GTGrid 简单用户管理
- jQuery DIV弹出效果实现代码
- Javascript 调试利器 Firebug使用详解六
- 深入javascript json QQ网页登陆
- 类似新浪网的 弹出视频功能实现代码
Javascript 中的 prototype，executing，context，closure
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 460 ::
收藏到网摘: 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
