Javascript 面向对象编程定义对象函数的方法



//A.利用传统的原始方法定义对象的方法(函数) 一

function Programmer(name,age,position){
this.name = name;
this.age = age;
this.position = position;

this.displayInfo = function(){
alert("[Name: "+ this.name +"] [Age: "+this.age+"] [position: "+this.position+"]");
}

this.setName = function(name){
this.name = name;
}

this.setAge = function(age){
this.age = age;
}

this.setPosition = function(position){
this.position = position;
}

}

var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");
oBpmProgrammer.displayInfo(); //[Name: Kevin] [Age: 24] [position: BPM Programmer]
oBpmProgrammer.setName("Andy");
oBpmProgrammer.displayInfo(); //[Name: Andy] [Age: 24] [position: BPM Programmer]


//B.利用传统的原始方法定义对象的方法(函数) 二

function Programmer(name,age,position){
this.name = name;
this.age = age;
this.position = position;
}


Programmer.prototype.displayInfo = function(){
alert("[Name: "+ this.name +"] [Age: "+this.age+"] [position: "+this.position+"]");
}

Programmer.prototype.setName = function(name){
this.name = name;
}

Programmer.prototype.setAge = function(age){
this.age = age;
}

Programmer.prototype.setPosition = function(position){
this.position = position;
}


var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");
oBpmProgrammer.displayInfo(); //[Name: Kevin] [Age: 24] [position: BPM Programmer]
oBpmProgrammer.setName("Andy");
oBpmProgrammer.displayInfo(); //[Name: Andy] [Age: 24] [position: BPM Programmer]


//C.利用原型定义对象方法(函数)的另一种方法

function Programmer(name,age,position){
this.name = name;
this.age = age;
this.position = position;
}

Programmer.prototype = {
displayInfo : function(){
alert("[Name: "+ this.name +"] [Age: "+this.age+"] [position: "+this.position+"]");
},

setName : function(name){
this.name = name;
},

setAge : function(age){
this.age = age;
},

setPosition : function(position){
this.position = position;
},

sex:"male"
}

var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");
oBpmProgrammer.displayInfo(); //[Name: Kevin] [Age: 24] [position: BPM Programmer]
oBpmProgrammer.setName("Andy");
oBpmProgrammer.displayInfo(); //[Name: Andy] [Age: 24] [position: BPM Programmer]
alert(oBpmProgrammer.sex) //male


//D.测试这种方法使用的继承是否有效


function Person(name,age,position){
this.name = name;
this.age = age;
this.position = position;
}

Person.prototype = {
displayInfo : function(){
alert("[Name: "+ this.name +"] [Age: "+this.age+"] [position: "+this.position+"]");
},

setName : function(name){
this.name = name;
},

setAge : function(age){
this.age = age;
},

setPosition : function(position){
this.position = position;
},
sex:"male"
}


function Programmer(name,age,position){
Person.call(this,name,age,position)
}

Programmer.prototype = new Person();

var oBpmProgrammer = new Programmer("Kevin",24,"BPM Programmer");
oBpmProgrammer.displayInfo(); //[Name: Kevin] [Age: 24] [position: BPM Programmer]
oBpmProgrammer.setName("Andy");
oBpmProgrammer.displayInfo(); //[Name: Andy] [Age: 24] [position: BPM Programmer]
alert(oBpmProgrammer.sex) //male
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值