JavaScript的面向对象(一)
JavaScript 面向对象
2023-06-13 09:13:46 时间
一。传统的基于原型(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__这个属性
复制代码代码如下:
确切地说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__这个属性
<!--
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]);
}
这下应该明白了吧。
相关文章
- JavaScript换行符的使用[通俗易懂]
- 【说站】javascript中throw和next方法的比较
- JavaScript刷LeetCode模板技巧篇(二)
- js中settimeout和setInterval区别_JavaScript set
- JavaScript Web 框架的“新浪潮”
- 给 Javascript 加上面向对象的属性:Class.js
- 浅谈JavaScript中面向对象技术的模拟
- javascript的面向对象特性参考
- JavaScript语句可以不以;结尾的烦恼
- JavaScript面向对象之体会[总结]
- 代码实现打印功能(asp.net+javascript)
- JavaScript验证浏览器是否支持javascript的方法小结
- JavaScript继承详解(三)
- Javascript面向对象(声明篇)
- Javascript面向对象继承
- javascript小型动画组件与实现代码
- 可以用来调试JavaScript错误的解决方案
- Javascript学习笔记delete运算符
- JavaScript高级程序设计阅读笔记(七)ECMAScript中的语句
- Javascript异步加载详解(浏览器在javascript的加载方式)
- JavaScript面向对象之Prototypes和继承
- JavaScript语言核心数据类型和变量使用介绍
- JavaScript中为什么null==0为false而null大于=0为true(个人研究)
- 浅谈JavaScript实现面向对象中的类
- javascript面向对象之对象的深入理解
- javascript面向对象之共享成员属性与方法及prototype关键字用法
- Javascript让DEDECMS告别手写Tag
- 禁用页面部分JavaScript不是全部而是部分