繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript的面向对象(一)
- Javascript
- javascript innerText和innerHtml应用
- 图像替换新技术 状态域方法
- JavaScript 判断判断某个对象是Object还是一个Array
- Extjs 几个方法的讨论
- JavaScript 学习笔记（十五）
- javascript 匿名函数的理解（透彻版)
- Jquery 常用方法经典总结
- jquery 批量上传图片实现代码
- javascript中的array数组使用技巧
- 详细讲解JS节点知识
- javascript让setInteval里的函数参数中的this指向特定的对象
- javaScript 关闭浏览器 (不弹出提示框)
- 对字符串进行HTML编码和解码的JavaScript函数
- javascript 三种编解码方式
- js左侧多级菜单动态的解决方案
- JavaScript 学习笔记（十六） js事件
- JavaScript面向对象之静态与非静态类
- javascript两段代码,两个小技巧
- js中鼠标滚轮事件详解(firefox多浏览器)
- js实现的仿Photoshop鼠标滚轮控制输入框取值(修正兼容Chrome)
Javascript 中的 JavaScript的面向对象(一)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 78 ::
收藏到网摘: n/a
一。传统的基于原型(Prototype)的做法
确切地说Javascrīpt的“类”在严格意义上来讲并不能算真正的类，从其声明的对象到类(估切这么说)有这样一个关系：
Instance.__proto__=InstanceClass.prototype(ie不支持)
以上说明：实例的属性(__proto__)等于类的prototpye，我们可以看出，实例的"__proto__"正好巧接在类的"prototype"上，通过原型链(prototype)来查找其方法并扩展，我们会发现其方法(Method)与其属性(Property)都是Public（当然你也可以用Private，即不用this）,而prototype其实就是一对象，用来记录方法做为一个集合
假设我们声明一个类A,可以如此
function A(){
this.className="ClassA"; //添加Public属性，正确来说类名应该是Private的
}
//添加一方法
A.prototype.getClassName=function(){
return this.className; //this指代A,而不是prototype
}
//声明一对象
var AObj=new A();
alert(AObj.__proto__==A.prototype); //ie下无效,ff下为true，说明上面的验证是正确的
//我们来看看对象属性
/*
由于用了this,className即为Public，即可以随意修改或读取
如果要保护起来，就要用到Private，那么可以去掉其this前缀,做为保护
读的时候用一公开方法，即prototype下的方法：
A.prototype.getClassName=function(){
return className; //行不通，不存在，className是undefined
}
在这儿也只能约定一下，给className加上this，不要去直接去访问。在这一点上，的确不如第二种方法,稍
后会说明
*/
关于"prototype"
由于Javascrīpt并没有在系统内部并未使用过“继承”（很大可能），所以class下的prototype得到的全是
顶层Object，后期在继承的时候，我们可以看到这样的一个式子:
child.prototype=new parent();
继承两字带引号的意思是说就算有继承也并非真正意义上的继承，也只是通过prototype巧接得到。
用实例扩展一个方法到类,这儿不得不提及__proto__这个属性
复制代码 代码如下:
<scrīpt LANGUAGE="Javascrīpt">
<!--
function abc(){
var ōwner=this;
owner.k="pp";
owner.abc=function(){
}
}
abc.prototype.def=function(){
}
var s=new abc();
for(var t in abc.prototype){
alert("prototype指向:"+t+"="+abc.prototype[t]);
}
for(var t in s.__proto__){
alert("__proto__指向:"+t+"="+s.__proto__[t]);
}
//-->
</scrīpt>
在ff下我看可以看到实例名.__proto__=类.prototype，现在通过实例扩展一个方法，这儿在实际应用当中并不推荐这样做，下例： <!--
function abc(){
var ōwner=this;
owner.k="pp";
owner.abc=function(){
}
}
abc.prototype.def=function(){
}
var s=new abc();
for(var t in abc.prototype){
alert("prototype指向:"+t+"="+abc.prototype[t]);
}
for(var t in s.__proto__){
alert("__proto__指向:"+t+"="+s.__proto__[t]);
}
//-->
</scrīpt>
s.__proto__.hjk=function(){
return "hjk";
}
alert(s.hjk());
for(var t in abc.prototype){
alert("prototype指向:"+t+"="+abc.prototype[t]);
}
这下应该明白了吧。
"
评论 (0) All
