初學(xué)JavaScript第一章第2/2頁
更新時間:2008年09月30日 00:50:53 作者:
下面為自己初學(xué)JavaScript時覺得應(yīng)該注意的地方(從<<JavaScript動態(tài)網(wǎng)頁開發(fā)詳解>>中學(xué)到)
JavaScript中的對象:
JavaScript中的主要對象有:
JavaScript的核心對象,瀏覽器對象,用戶自定義對象和文本對象等
JavaScript作為基于對象的編程語言,其對象實(shí)例采用構(gòu)造函數(shù)來創(chuàng)建.
每一個構(gòu)造函數(shù)包括一個對象原型,定義了每個對象包含的屬性和方法,對象是動態(tài)的,表明對象實(shí)例的
屬性和方法是可以動態(tài)添加刪除或修改的.
通過構(gòu)造方法來定義對象:
<script language="JavaScript" type="text/javascript">
<!--
//對象的構(gòu)造函數(shù)
function Test(iName,iAddress,iGrade,iNumber)
{
this.name=iName;
this.address=iAddress;
this.grade=iGrade;
this.number=iNumber;
this.information=showInformation;
}
//定義對象的方法
function showInformation()
{
statements ;
}
//生成對象的實(shí)例
var test = new Test('thtwin,'thtwinj2ee','th','thtwin') ;
-->
</script>
對過對象直接初始化的方法:
此方法通過直接初始化對象來創(chuàng)建自定義對象與定義對象的構(gòu)造函數(shù)方法不同的是,
該方法不需要生成引對象的實(shí)例.例如:
<script language="JavaScript" type="text/javascript">
<!--
//對象的構(gòu)造函數(shù)
//構(gòu)造嵌套的對象
var SchoolData={
code:"0123-456-789",
Tel:"0551-1234567",
Fax:"0551-7654321"
};
//構(gòu)造被嵌入的對象
var myTest={
name:"test",
address:"遼寧*葫蘆島",
grade:"test",
number:"13400",
//嵌套對象SchoolData
data:SchoolData,
information:showInformation
};
//定義對象的方法
function showInformation()
{
alert(this.data.code) ;
statements ;
}
-->
</script>
下面為調(diào)用上面對象的方法:
<form>
<input type="button" value="調(diào)試對象" onclick="myTest.information()">
</form>
更新對象中的方法或者屬性.如:
<script language="JavaScript" type="text/javascript">
<!--
//對象的構(gòu)造函數(shù)
function School(iName,iAddress,iGrade,iNumber)
{
this.name=iName;
this.address=iAddress;
this.grade=iGrade;
this.number=iNumber;
this.information=showInformation;
}
//定義對象的方法
function showInformation()
{
var msg="";
msg="通過原型給對象添加新屬性和新方法:\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 ;
}
//生成對象的實(shí)例
var test=new School("test","遼寧*葫蘆島","test","123000");
School.prototype.addAttributeOfArea="3000";
School.prototype.addMethod=MyMethod();
-->
</script>
JavaScript語言中所有對象都由Object對象派生,每個對象都有指定了其結(jié)構(gòu)的原型(prototype)屬性,
該屬性描述了該類型對象其有的代碼和數(shù)據(jù),可以通過對象的prototype屬性為對象動態(tài)添加新屬性和新
方法
您可能感興趣的文章:
- JS常見疑難點(diǎn)分析之match,charAt,charCodeAt,map,search用法分析
- Javascript技術(shù)難點(diǎn)之a(chǎn)pply,call與this之間的銜接
- javascript下數(shù)值型比較難點(diǎn)說明
- 初學(xué)js 新節(jié)點(diǎn)的創(chuàng)建 刪除 的步驟
- 初學(xué)JavaScript_03(ExtJs Grid的簡單使用)
- 初學(xué)js者對javascript面向?qū)ο蟮恼J(rèn)識分析
- 國外的為初學(xué)者寫的JavaScript教程
- 走出JavaScript初學(xué)困境—js初學(xué)
- JavaScript初學(xué)者的10個迷你技巧
- 你有必要知道的10個JavaScript難點(diǎn)
相關(guān)文章
使用Grunt.js管理你項(xiàng)目的應(yīng)用說明
以前我們可能使用NodeJS自己寫一個build程序,但是現(xiàn)在Grunt.js能夠提供我們需要的一切2013-04-04JavaScript 基礎(chǔ)篇之運(yùn)算符、語句(二)
其實(shí)運(yùn)算符大家要是有計(jì)算機(jī)語言基礎(chǔ)應(yīng)該都知道,可能甚至比我還精通,這樣我就不多解釋了,就來說說其它幾個生疏的吧2012-04-04javascript 基礎(chǔ)篇1 什么是js 建立第一個js程序
javascript是很多東西的基礎(chǔ),比如jsp,ajax等,如果不會這么,那么學(xué)起這些來就比較麻煩,所以要先學(xué)好這個,為將來的學(xué)習(xí)打好經(jīng)濟(jì)基礎(chǔ)2012-03-03淺談JavaScript_DOM學(xué)習(xí)篇_圖片切換小案例
這篇文章主要介紹了JavaScriptDOM圖片切換小案例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03