初學(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ì)象,用戶自定義對(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)名稱 : "+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)屬性,
該屬性描述了該類型對(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)文章
使用Grunt.js管理你項(xiàng)目的應(yīng)用說(shuō)明
以前我們可能使用NodeJS自己寫(xiě)一個(gè)build程序,但是現(xiàn)在Grunt.js能夠提供我們需要的一切2013-04-04JavaScript 基礎(chǔ)篇之運(yùn)算符、語(yǔ)句(二)
其實(shí)運(yùn)算符大家要是有計(jì)算機(jī)語(yǔ)言基礎(chǔ)應(yīng)該都知道,可能甚至比我還精通,這樣我就不多解釋了,就來(lái)說(shuō)說(shuō)其它幾個(gè)生疏的吧2012-04-04javascript 基礎(chǔ)篇1 什么是js 建立第一個(gè)js程序
javascript是很多東西的基礎(chǔ),比如jsp,ajax等,如果不會(huì)這么,那么學(xué)起這些來(lái)就比較麻煩,所以要先學(xué)好這個(gè),為將來(lái)的學(xué)習(xí)打好經(jīng)濟(jì)基礎(chǔ)2012-03-03淺談JavaScript_DOM學(xué)習(xí)篇_圖片切換小案例
這篇文章主要介紹了JavaScriptDOM圖片切換小案例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03