js中的prototype的解析
2017-06-06 17:33
260 查看
js的方法可以分为三种:对象方法、类方法、prototype方法
//对象方法
function People(name){
this.name=name;
this.introduct=function(){
alert("My name is"+this.name);
console.log("My name is"+this.name);
}
}
//类方法
People.Run=function(){
alert("I can run");
}
console.log(People.Run());
//原型方法
People.prototype.introduceChinese=function(){
alert("我的名字是"+this.name);
}
这里要注意类方法只能通过类名.方法名调用,实例方法只能通过实例名.方法名调用,反之不可以
还有prototype是类的属性,new出来的对象是没有这个属性的,比如People.prototype可以,var p=new People(); p.prototype不可以
function Aclass2(){
this.property=2;
this.method=function(){
alert(2);
}
}
function Aclass(){
this.property=1;
this.method=function(){
alert(1);
}
}
子类重写父类的属性和方法,要注意不能修改父类的属性和方法,可以这样写Aclass2.prototype=new Aclass();
把父类的一个实例对象赋值给子类的prototype属性,我们调用实例对象的时候,首先会调用构造函数的属性和方法,然后是
prototype中写的和父类的属性和方法
//对象方法
function People(name){
this.name=name;
this.introduct=function(){
alert("My name is"+this.name);
console.log("My name is"+this.name);
}
}
//类方法
People.Run=function(){
alert("I can run");
}
console.log(People.Run());
//原型方法
People.prototype.introduceChinese=function(){
alert("我的名字是"+this.name);
}
这里要注意类方法只能通过类名.方法名调用,实例方法只能通过实例名.方法名调用,反之不可以
还有prototype是类的属性,new出来的对象是没有这个属性的,比如People.prototype可以,var p=new People(); p.prototype不可以
function Aclass2(){
this.property=2;
this.method=function(){
alert(2);
}
}
function Aclass(){
this.property=1;
this.method=function(){
alert(1);
}
}
子类重写父类的属性和方法,要注意不能修改父类的属性和方法,可以这样写Aclass2.prototype=new Aclass();
把父类的一个实例对象赋值给子类的prototype属性,我们调用实例对象的时候,首先会调用构造函数的属性和方法,然后是
prototype中写的和父类的属性和方法
相关文章推荐
- 观V8源码中的array.js,解析 Array.prototype.slice为什么能将类数组对象转为真正的数组?
- js老生常谈之this,constructor ,prototype全面解析
- 解析JS的prototype继承机制
- js老生常谈之this,constructor ,prototype全面解析
- JS中的prototype解析
- 解析jQuery与其它js(Prototype)库兼容共存
- javascript原型深入解析1-prototype 和原型链、js面向对象
- 解析jQuery与其它js(Prototype)库兼容共存
- js中的Prototype解析
- prototype.js开发笔记
- prototype.js 1.4版开发者手册(强烈推荐)
- prototype.js开发笔记
- js如何在IE中动态用xsl来解析xml
- IE 解析嵌入js文件编码漏洞?
- [转]prototype.js开发笔记(针对Ajax的JS框架Prototype的使用介绍)
- ProtoType.js开发者手册--转载
- prototype.js开发笔记(转)
- [JS]详尽解析window.event对象
- Prototype.js 1.4中文使用手册PDF版下载
- prototype.js 源码解读v1.3.1版本