[工學(xué)]web程序設(shè)計(jì)課件第3章__腳本語(yǔ)言(編輯修改稿)
2024-11-14 23:40 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 器對(duì)象 ? 創(chuàng)建自定義對(duì)象 2. 自定義對(duì)象 這部分介紹自定義對(duì)象的創(chuàng)建方法 返 回24 【 例 37】 “書(shū) ” 對(duì)象的定義 function print( ) {//方法成員定義，輸出各屬性成員值 (書(shū)名為 ++br)。 (作者為 ++br)。 (出版社為 ++br)。 (出版時(shí)間為 ++br)。 (印數(shù)為 ++br)。 } function book(name,author,publisher,date,num) {//構(gòu)造函數(shù) =name。 //書(shū)名，屬性成員 =author。 //作者，屬性成員 =publisher。 //出版社，屬性成員 =date。 //出版時(shí)間，屬性成員 =num。 //印數(shù)，屬性成員 =print。 //方法成員 } 返 回25 ? 構(gòu)造函數(shù)從形式上看與普通函數(shù)相同，但它也有其特殊性 ： ① 構(gòu)造函數(shù)的名字就是對(duì)象的名字 ② 在構(gòu)造函數(shù)中常使用關(guān)鍵字 this來(lái)為對(duì)象的屬性成員和方法成員初始化， this本身是一個(gè)特殊對(duì)象，即當(dāng)前構(gòu)造函數(shù)正在創(chuàng)建的對(duì)象 ③ 每個(gè)對(duì)象都必須定義構(gòu)造函數(shù) 返 回26 3. 對(duì)象的引用 ? 要引用對(duì)象，必須先用保留字 new創(chuàng)建對(duì)象的實(shí)例。在 JavaScript中，對(duì)象是對(duì)具有相同特性的實(shí)體的抽象描述，而對(duì)象實(shí)例則是具有這些特性的單個(gè)實(shí)體 ?創(chuàng)建對(duì)象實(shí)例的方法 ： var對(duì)象實(shí)例名 =new對(duì)象名（實(shí)在參數(shù)表） ?對(duì)象屬性成員的引用格式： 對(duì)象實(shí)例名 .屬性成員名 ?對(duì)象方法成員的引用格式： 對(duì)象實(shí)例名 .方法成員名 返 回27 4. 有關(guān)對(duì)象操作的語(yǔ)句 ① for...in語(yǔ)句。這是一條循環(huán)語(yǔ)句，其格式如下： for (變量名 in 對(duì)象實(shí)例名 ) ② with語(yǔ)句 ， 其語(yǔ)法格式如下： with object { //在其中引用 object的成員時(shí)，可不加前綴 } 返 回28 ?【 例 38】 下列函數(shù) Show顯示其參數(shù)對(duì)象各個(gè)屬性的 值，它可作為一個(gè)通用函數(shù)使用 htmlbodyscript function person(name,age) //定義對(duì)象 person { =name。 =age。 } function book(title,author,publisher,price) //定義對(duì)象 book { =title。 =author。 =publisher。 =price。 } function Show(obj) //定義通用函數(shù) Show { var prop。 for (prop in obj) (obj[prop]+ )。 (br)。 } var obj1=new person(Mary,20)。 var obj2=new book(語(yǔ)文 ,集體編 ,人民教育出版社 ,)。 Show(obj1)。 Show(obj2)。 /script/body/html 查看效果 返 回29 常用的內(nèi)建對(duì)象和函數(shù) 1. 數(shù)組 在 JavaScript中，數(shù)組數(shù)據(jù)結(jié)構(gòu)可通過(guò)對(duì)象來(lái)實(shí)現(xiàn)，具體有如下兩種實(shí)現(xiàn)方式 ： ? 使用 JavaScript的內(nèi)建對(duì)象 Array ? 使用自定義對(duì)象的方式創(chuàng)建數(shù)組對(duì)象 ① 內(nèi)建對(duì)象 Array I. 創(chuàng)建數(shù)組對(duì)象實(shí)例，格式如下： var 數(shù)組名 =new Array([數(shù)組長(zhǎng)度值 ]) II. 數(shù)組元素的引用 ， 格式如下： 數(shù)組名 [下標(biāo)值 ] 返 回30 III. 內(nèi)建對(duì)象 Array數(shù)組的特點(diǎn)： ? 數(shù)組元素不要求數(shù)據(jù)類(lèi)型相同 ? 數(shù)組長(zhǎng)度可以動(dòng)態(tài)變化 IV. Array對(duì)象的屬性和方法： join 該方法返回由數(shù)組中所有元素連接而成的字符串。 reverse 該方法逆轉(zhuǎn)數(shù)組中各元素，即將第一個(gè)元 素?fù)Q為 最后一 個(gè)，將最后一個(gè)元素?fù)Q為第一個(gè)。 sort 對(duì)數(shù)組中的元素進(jìn)行排序 返 回31 【 例 39】 一個(gè) Array對(duì)象應(yīng)用示例 圖 35 例 39的初始顯示 圖 36 例 39選擇 “ D書(shū) ” 后的顯示 查看源代碼 查看實(shí)際效果 返 回32 ② 自定義數(shù)組對(duì)象 ? 除了直接使用 JavaScript的 Array對(duì)象實(shí)現(xiàn)數(shù)組外，由于數(shù)組是一個(gè)對(duì)象，所以也可以像自定義對(duì)象那樣實(shí)現(xiàn)數(shù)組。 ? 定義數(shù)組對(duì)象 : 例如： function arrayName(Size) {//Size是數(shù)組的長(zhǎng)度 =Size。 for(var i=0。 iSize。i++) this[i]=0。 return this。 } ? 創(chuàng)建數(shù)組實(shí)例 ： 例如： MyArray=new arrayName(10) 返 回33 2. String對(duì)象 ? 創(chuàng)建 String對(duì)象實(shí)例，語(yǔ)法如下： [var] String對(duì)象實(shí)例名 =new String(string)。 或 var String對(duì)象實(shí)例名 =字符串值 ? String對(duì)象的屬性 ： String對(duì)象的屬性只有一個(gè) —— length（長(zhǎng)度），其值是字符串包含的字符個(gè)數(shù) ? String對(duì)象的方法 ： charAt(position) indexOf(str)， indexOf(str,startposition) lastIndexOf(str) substring(position)， substring(position1,position2) toLowerCase( )， toUpperCase( ) big( )Italics( )bold( )blink( )small( )fixed( )fontsize (size) anchor( )， link( )， fontcolor(color)， fontsize( ) 返 回34 3. Math對(duì)象 ? Math對(duì)象的屬性 屬 性 含 義 E 常數(shù) e ，自然對(duì)數(shù)的底，近似值為 2 . 7 1 8 LN 2 2 的自然對(duì)數(shù)，近似值為 0 . 6 9 3 LN 1 0 10 的自然對(duì)數(shù)，近似值為 2 . 3 0 2 L O G 2 E 以 2 為底， E 的對(duì)數(shù)，即 l o g 2 e ，近似值為 1 . 4 4 2 LO G 1 0 E 以 10 為底， E 的對(duì)數(shù)，即 l o g 10 e ，近似值為 0 . 4 3 4 PI 圓周率，近似值為 3 . 1 4 2 S Q R T1 _ 2 0 .5 的平方根，近似值為 0 . 7 0 7 S Q R T2 2 的平方根，近似值為 1 . 4 1 4 表 35 Math對(duì)象的屬性表 返 回35 ? Math對(duì)象的方法 方 法 含 義 s i n ( v a l ) 返回 v a l 的正弦值
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1