首页 > web前端 > js教程 > javascript面向对象之一 定义类_js面向对象

javascript面向对象之一 定义类_js面向对象

WBOY
发布: 2016-05-16 18:10:51
原创
1018 人浏览过

javascript中的类是用函数function表示的,如下:

复制代码 代码如下:

function Student()
{
//定义类Student中的字段,并赋予初值,但此字段的访问权限是public
this.studentNo = 's001';
this.studentName = '小明';
this.sex = '男';
//定义类Student中的方法updateStudentName ,用于修改studentName 值
this.updateStudentName = function(studentName)
{
this.studentName = studentName;
}
}

//如上代码便已定义了一个Student类,并包含studentNo ,
//studentName ,sex 3个字段,方法 updateStudentName. //然后调用updateStudentName 来修改studentName 的值,代码如下:
s.updateStudentName('小强');
alert('学号:'+s.studentNo);
alert('姓名:'+s.studentName);
alert('性别:'+s.sex);
//再显示结果,学号和性别自然是不会改变的啦,结果如下:
学号:s001
姓名:小强
性别:男
//未调用updateStudentName 方法之前显示出学号,姓名,性别的值分别为:
学号:s001
姓名:小明
性别:男
//下面将进行调用,代码如下:
复制代码 代码如下:

var s = new Student(); //创建student类的对象
alert('学号:'+s.studentNo);
alert('姓名:'+s.studentName);
alert('性别:'+s.sex);

上面的function中已经设置好了具体的值,其实在实际应用中都是后面赋值的。例如

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板