WEB前端

js面向对象编程实战

位置:首页 > WEB前端 > js教程,2018-08-11 10:46
js中,在一些比较相似的方法上,用面向对向的方法编程,可以省去许多重复代码,也便于维护;其中通过prototype属性来共享函数上的共有属性和方法……上代码:以

js中,在一些比较相似的方法上,用面向对向的方法编程,可以省去许多重复代码,也便于维护;

其中通过prototype属性来共享函数上的共有属性和方法……

上代码:

js面向对象编程(图0)

js面向对象编程(图1)

以下是源码,有兴趣的小伙伴,可以自己去测试练练哈……

//定义函数,并添加私有的属性和方法

function stu(name,sex,age){

this.name = name;

this.sex = sex;

this.age = age;

}

//添加共有的属性和方法

stu.prototype = {

study:'学习',

introduce:function(){

document.write('我叫:'+this.name+',今年'+this.age+'岁,性别:'+this.sex+'<br/>');

}

}

//实例化对象

var stu1 = new stu('小丸子','女',13),

stu2 = new stu('猪猪侠','男',18);

//通过共享的方法让两个学生介绍自己

stu1.introduce();

stu2.introduce();

TAGS:js面向对象编程

猜你喜欢

NewHot