初學(xué)JavaScript第一章
更新時(shí)間:2008年09月30日 00:50:53 作者:
下面為自己初學(xué)JavaScript時(shí)覺(jué)得應(yīng)該注意的地方(從<<JavaScript動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)詳解>>中學(xué)到)
JavaScript中的對(duì)象:
JavaScript中的主要對(duì)象有:
JavaScript的核心對(duì)象,瀏覽器對(duì)象,用戶(hù)自定義對(duì)象和文本對(duì)象等
JavaScript作為基于對(duì)象的編程語(yǔ)言,其對(duì)象實(shí)例采用構(gòu)造函數(shù)來(lái)創(chuàng)建.
每一個(gè)構(gòu)造函數(shù)包括一個(gè)對(duì)象原型,定義了每個(gè)對(duì)象包含的屬性和方法,對(duì)象是動(dòng)態(tài)的,表明對(duì)象實(shí)例的
屬性和方法是可以動(dòng)態(tài)添加刪除或修改的.
通過(guò)構(gòu)造方法來(lái)定義對(duì)象:
<script language="JavaScript" type="text/javascript">
<!--
//對(duì)象的構(gòu)造函數(shù)
function Test(iName,iAddress,iGrade,iNumber)
{
this.name=iName;
this.address=iAddress;
this.grade=iGrade;
this.number=iNumber;
this.information=showInformation;
}
//定義對(duì)象的方法
function showInformation()
{
statements ;
}
//生成對(duì)象的實(shí)例
var test = new Test('thtwin,'thtwinj2ee','th','thtwin') ;
-->
</script>
對(duì)過(guò)對(duì)象直接初始化的方法:
此方法通過(guò)直接初始化對(duì)象來(lái)創(chuàng)建自定義對(duì)象與定義對(duì)象的構(gòu)造函數(shù)方法不同的是,
該方法不需要生成引對(duì)象的實(shí)例.例如:
<script language="JavaScript" type="text/javascript">
<!--
//對(duì)象的構(gòu)造函數(shù)
//構(gòu)造嵌套的對(duì)象
var SchoolData={
code:"0123-456-789",
Tel:"0551-1234567",
Fax:"0551-7654321"
};
//構(gòu)造被嵌入的對(duì)象
var myTest={
name:"test",
address:"遼寧*葫蘆島",
grade:"test",
number:"13400",
//嵌套對(duì)象SchoolData
data:SchoolData,
information:showInformation
};
//定義對(duì)象的方法
function showInformation()
{
alert(this.data.code) ;
statements ;
}
-->
</script>
下面為調(diào)用上面對(duì)象的方法:
<form>
<input type="button" value="調(diào)試對(duì)象" onclick="myTest.information()">
</form>
更新對(duì)象中的方法或者屬性.如:
<script language="JavaScript" type="text/javascript">
<!--
//對(duì)象的構(gòu)造函數(shù)
function School(iName,iAddress,iGrade,iNumber)
{
this.name=iName;
this.address=iAddress;
this.grade=iGrade;
this.number=iNumber;
this.information=showInformation;
}
//定義對(duì)象的方法
function showInformation()
{
var msg="";
msg="通過(guò)原型給對(duì)象添加新屬性和新方法:\n\n"
msg+="原始屬性:\n";
msg+=" 機(jī)構(gòu)名稱(chēng) : "+this.name+" \n";
msg+=" 所在地址 : "+this.address +"\n";
msg+=" 教育層次 : "+this.grade +" \n";
msg+=" 在校人數(shù) : "+this.number+" \n\n";
msg+="新屬性:\n";
msg+=" 占地面積 : "+this.addAttributeOfArea+" \n";
msg+="新方法:\n";
msg+=" 方法返回 : "+this.addMethod+"\n";
window.alert(msg);
}
function MyMethod()
{
statements ;
}
//生成對(duì)象的實(shí)例
var test=new School("test","遼寧*葫蘆島","test","123000");
School.prototype.addAttributeOfArea="3000";
School.prototype.addMethod=MyMethod();
-->
</script>
JavaScript語(yǔ)言中所有對(duì)象都由Object對(duì)象派生,每個(gè)對(duì)象都有指定了其結(jié)構(gòu)的原型(prototype)屬性,
該屬性描述了該類(lèi)型對(duì)象其有的代碼和數(shù)據(jù),可以通過(guò)對(duì)象的prototype屬性為對(duì)象動(dòng)態(tài)添加新屬性和新
方法
您可能感興趣的文章:
- JS常見(jiàn)疑難點(diǎn)分析之match,charAt,charCodeAt,map,search用法分析
- Javascript技術(shù)難點(diǎn)之a(chǎn)pply,call與this之間的銜接
- javascript下數(shù)值型比較難點(diǎn)說(shuō)明
- 初學(xué)js 新節(jié)點(diǎn)的創(chuàng)建 刪除 的步驟
- 初學(xué)JavaScript_03(ExtJs Grid的簡(jiǎn)單使用)
- 初學(xué)js者對(duì)javascript面向?qū)ο蟮恼J(rèn)識(shí)分析
- 國(guó)外的為初學(xué)者寫(xiě)的JavaScript教程
- 走出JavaScript初學(xué)困境—js初學(xué)
- JavaScript初學(xué)者的10個(gè)迷你技巧
- 你有必要知道的10個(gè)JavaScript難點(diǎn)
相關(guān)文章
js實(shí)現(xiàn)checkbox全選和反選示例
這篇文章主要介紹了js實(shí)現(xiàn)checkbox全選和反選示例,需要的朋友可以參考下2014-05-05
分享我學(xué)習(xí)js的過(guò)程 作者aircy javascript學(xué)習(xí)教程
分享我學(xué)習(xí)js的過(guò)程 作者aircy javascript學(xué)習(xí)教程...2007-02-02
uni-app自定義組件components導(dǎo)入失敗或頁(yè)面不顯示文本等解決方法
這篇文章主要給大家介紹了關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁(yè)面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
深入解讀JavaScript中的Hoisting機(jī)制
這篇文章主要介紹了JavaScript中的Hoisting機(jī)制,涉及到JS中變量聲明的相關(guān)問(wèn)題,需要的朋友可以參考下2015-08-08
JavaScript字符串對(duì)象split方法入門(mén)實(shí)例(用于把字符串分割成數(shù)組)
這篇文章主要介紹了JavaScript字符串對(duì)象split方法入門(mén)實(shí)例,split方法用于把字符串分割成數(shù)組,需要的朋友可以參考下2014-10-10
簡(jiǎn)述JavaScript的正則表達(dá)式中test()方法的使用
這篇文章主要介紹了簡(jiǎn)述JavaScript的正則表達(dá)式中test()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06

