javascript prototype,executing,context,closure


Posted in Javascript onDecember 24, 2008

要学好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的实例。

Javascript 相关文章推荐
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 Javascript
详解javascript传统方法实现异步校验
Jan 22 Javascript
去除html代码里面的script正则方法
May 19 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
js实现按座位号抽奖
Apr 05 Javascript
Vue异步组件使用详解
Apr 08 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
如何把vuejs打包出来的文件整合到springboot里
Jul 26 Javascript
详解Angular6学习笔记之主从组件
Sep 05 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
Layui实现主窗口和Iframe层参数传递
Nov 14 Javascript
JavaScript 事件参考手册
Dec 24 #Javascript
javascript XML数据显示为HTML一例
Dec 23 #Javascript
window.location和document.location的区别分析
Dec 23 #Javascript
javascript 硬盘序列号+其它硬件信息
Dec 23 #Javascript
js 解决“options为空或不是对象”
Dec 22 #Javascript
javascript 动态参数判空操作
Dec 22 #Javascript
Javascript 布尔型分析
Dec 22 #Javascript
You might like
德生PL450的电路分析和低放电路的改进办法
2021/03/02 无线电
smarty内置函数capture用法分析
2015/01/22 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
JavaScript设计模式之策略模式详解
2017/06/09 Javascript
js制作简单的音乐播放器的示例代码
2017/08/28 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
python小技巧之批量抓取美女图片
2014/06/06 Python
python设置检查点简单实现代码
2014/07/01 Python
Python中endswith()函数的基本使用
2015/04/07 Python
在Linux下使用Python的matplotlib绘制数据图的教程
2015/06/11 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
python之matplotlib学习绘制动态更新图实例代码
2018/01/23 Python
Python学习之Django的管理界面代码示例
2018/02/10 Python
python爬虫解决验证码的思路及示例
2019/08/01 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
在python image 中实现安装中文字体
2020/05/16 Python
Keras使用ImageNet上预训练的模型方式
2020/05/23 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
单身旅行者的单身假期:Just You
2018/04/08 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
买卖协议书范本
2014/04/21 职场文书
活动总结怎么写啊
2014/05/07 职场文书
MySQL命令行操作时的编码问题详解
2021/04/14 MySQL