javascript 面向?qū)ο?function類
更新時間:2010年05月13日 17:13:01 作者:
javascript中的類是用函數(shù)function表示的
如下:
function Student()
{
//定義類Student中的字段,并賦予初值,但此字段的訪問權(quán)限是public
this.studentNo = 's001';
this.studentName = '小明';
this.sex = '男';
//定義類Student中的方法updateStudentName ,用于修改studentName 值
this.updateStudentName = function(studentName)
{
this.studentName = studentName;
}
}
如上代碼便已定義了一個Student類,并包含studentNo ,studentName ,
sex 3個字段,方法 updateStudentName.
下面將進(jìn)行調(diào)用,代碼如下:
var s = new Student(); //創(chuàng)建student類的對象
alert('學(xué)號:'+s.studentNo);
alert('姓名:'+s.studentName);
alert('性別:'+s.sex);
未調(diào)用updateStudentName 方法之前顯示出學(xué)號,姓名,性別的值分別為:
學(xué)號:s001
姓名:小明
性別:男
然后調(diào)用updateStudentName 來修改studentName 的值,代碼如下:
s.updateStudentName('小強');
alert('學(xué)號:'+s.studentNo);
alert('姓名:'+s.studentName);
alert('性別:'+s.sex);
再顯示結(jié)果,學(xué)號和性別自然是不會改變的啦,結(jié)果如下:
學(xué)號:s001
姓名:小強
性別:男
復(fù)制代碼 代碼如下:
function Student()
{
//定義類Student中的字段,并賦予初值,但此字段的訪問權(quán)限是public
this.studentNo = 's001';
this.studentName = '小明';
this.sex = '男';
//定義類Student中的方法updateStudentName ,用于修改studentName 值
this.updateStudentName = function(studentName)
{
this.studentName = studentName;
}
}
如上代碼便已定義了一個Student類,并包含studentNo ,studentName ,
sex 3個字段,方法 updateStudentName.
下面將進(jìn)行調(diào)用,代碼如下:
復(fù)制代碼 代碼如下:
var s = new Student(); //創(chuàng)建student類的對象
alert('學(xué)號:'+s.studentNo);
alert('姓名:'+s.studentName);
alert('性別:'+s.sex);
未調(diào)用updateStudentName 方法之前顯示出學(xué)號,姓名,性別的值分別為:
學(xué)號:s001
姓名:小明
性別:男
然后調(diào)用updateStudentName 來修改studentName 的值,代碼如下:
復(fù)制代碼 代碼如下:
s.updateStudentName('小強');
alert('學(xué)號:'+s.studentNo);
alert('姓名:'+s.studentName);
alert('性別:'+s.sex);
再顯示結(jié)果,學(xué)號和性別自然是不會改變的啦,結(jié)果如下:
學(xué)號:s001
姓名:小強
性別:男
相關(guān)文章
一個cssQuery對象 javascript腳本實現(xiàn)代碼
原創(chuàng)的一個cssQuery對象,類似于jQuery的$函數(shù)通過css選擇器選擇DOM元素,目前還不支持xPath語法2009-07-07
js創(chuàng)建對象的幾種常用方式小結(jié)(推薦)
最近在看javascript高級程序設(shè)計,其中對對象的創(chuàng)建做了具體的闡述,綜合起來,總結(jié)了下(je知識庫javascript專欄由這方面的教程,有興趣的可以去知識庫看看)2010-10-10
DOMAssitant最新版 DOMAssistant 2.5發(fā)布
google code上的project ,值得大家學(xué)習(xí)它的類庫2007-12-12
Javascript面向?qū)ο缶幊蹋ㄈ?非構(gòu)造函數(shù)的繼承
這個系列的第一部分介紹了"封裝",第二部分介紹了使用構(gòu)造函數(shù)實現(xiàn)"繼承"。2011-08-08
js面向?qū)ο?多種創(chuàng)建對象方法小結(jié)
js面向?qū)ο?多種創(chuàng)建對象方法小結(jié),需要的朋友可以參考下2012-05-05

