《JavaScript語言與Ajax應(yīng)用第03章JavaScript面向?qū)ο缶幊獭酚蓵T分享，可在線閱讀，更多相關(guān)《JavaScript語言與Ajax應(yīng)用第03章JavaScript面向?qū)ο缶幊蹋?9頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、JavaScript語言與Ajax應(yīng)用（第二版）,主編 董寧 陳丹 中國水利水電出版社,第3章 JavaScript面向?qū)ο缶幊?3.1 JavaScript內(nèi)置對象 3.2 字面量對象 3.3 自定義對象,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,2,3.1 JavaScript內(nèi)置對象,3.1.1 Number與Boolean對象 3.1.2 String對象與字符串操作 3.1.3 Array對象 3.1.4 Date對象 3.1.5 RegExp對象 3.1.6 Function對象 3.1.7 Object對象 3.1.8 Error對象,202
2、0年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,3,,3.1.1 Number與Boolean對象,1Number對象 Number 對象對應(yīng)于原始數(shù)值類型和提供數(shù)值常數(shù)的對象，可通過為 Number 對象的構(gòu)造函數(shù)指定參數(shù)值的方式來創(chuàng)建一個 Number 對象的實例。 創(chuàng)建 Number對象實例的語法如下： var numObj=new Number(); var numObj =new Number(value);,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,4,3.1.1 Number與Boolean對象,2020年9月19日星期
3、六,JavaScript語言與Ajax應(yīng)用（第二版）,5,表3-1 Number對象常用屬性和方法,3.1.1 Number與Boolean對象,2Boolean 對象 Boolean 對象是對應(yīng)于原始邏輯數(shù)據(jù)類型的內(nèi)置對象，它具有原始的 Boolean 值，只有true和 false兩個狀態(tài)，在 JavaScript腳本中，1 代表 true 狀態(tài)，0 代表 false 狀態(tài)。 Boolean 對象的實例可通過使用 Boolean 對象的構(gòu)造函數(shù)、new操作符或 Boolean()函數(shù)來創(chuàng)建： var boolObj=new Boolean(); var boolObj =new Boole
4、an(value);,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,6,3.1.1 Number與Boolean對象,Boolean 對象為 JavaScript 腳本語言的封裝對象，表示原始的邏輯狀態(tài) true 和 false，表3-2列出了其常用的屬性和方法。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,7,表3-2 Boolean對象常用屬性和方法,,3.1.2 String對象與字符串操作,String 對象是和原始字符串?dāng)?shù)據(jù)類型相對應(yīng)的 JavaScript 腳本內(nèi)置對象，屬于 JavaScript核心對象之一，主要提
5、供諸多方法實現(xiàn)字符串檢查、抽取子串、字符串連接、字符串分割等字符串相關(guān)操作。 語法如下： var MyString=new String( ); var MyString=new String(string);,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,8,3.1.2 String對象與字符串操作,在 JavaScript 腳本程序編寫過程中，String 對象是最為常見的處理目標(biāo)，用于存儲較短的數(shù)據(jù)。JavaScript語言提供了豐富的屬性和方法支持，方便 Web 應(yīng)用程序開發(fā)者靈活地操縱 String 對象的實例。 1獲取目標(biāo)字符串長度 字符串的長度 l
6、ength 作為 String 對象的唯一屬性，且為只讀屬性，它返回目標(biāo)字符串（包含字符串里面的空格）所包含的字符數(shù)。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,9,3.1.2 String對象與字符串操作,2使用String對象方法操作字符串 使用 String對象的方法來操作目標(biāo)對象并不操作對象本身，而只是返回包含操作結(jié)果的字符串。 例如下面調(diào)用方法將字符串轉(zhuǎn)換為大寫： MyString.toUpperCase(); 要使用 String對象的 toUpperCase( )方法改變字符串 MyString 的內(nèi)容，必須將使用toUpperCase( )方
7、法操作字符串的結(jié)果返回給原字符串： MyString=MyString.toUpperCase();,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,10,3.1.2 String對象與字符串操作,3連接兩個字符串 String 對象的 concat( )方法能將作為參數(shù)傳入的字符串加入到調(diào)用該方法的字符串的末尾并將結(jié)果返回給新的字符串，語法如下： newString=targetString.concat(anotherString);,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,11,3.1.2 String對象與字符串操作,
8、4返回指定位置的字符串 String 對象提供幾種方法用于獲取指定位置的字符串。 第一種方法slice( )有如下兩種參數(shù)形式： slice(num1,num2); slice(num) ; 第二種方法substr( ) 的兩種參數(shù)形式如下： substr(num1,num2); substr(num) ; 第三種方法substring( ) 的兩種參數(shù)形式如下： substring(num1,num2); substring(num);,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,12,,3.1.3 Array對象,數(shù)組是包含基本和組合數(shù)據(jù)類型的有序序列，在
9、 JavaScript 腳本語言中實際指 Array 對象。數(shù)組可用構(gòu)造函數(shù) Array( )產(chǎn)生，主要有三種構(gòu)造方法： var myArray=new Array(); var myArray =new Array(4); var myArray =new Array(arg1,arg2,...,argN);,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,13,3.1.3 Array對象,1創(chuàng)建數(shù)組并訪問其特定位置元素 JavaScript 腳本中，使用 new操作符來創(chuàng)建新數(shù)組，并可通過數(shù)組元素的下標(biāo)實現(xiàn)對任意元素的訪問。 數(shù)組元素下標(biāo)從 0 開始順序遞增，
10、可通過數(shù)組元素的下標(biāo)實現(xiàn)對它的訪問，例如： var data=myArrayi;,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,14,3.1.3 Array對象,2數(shù)組中元素的順序問題 Array對象提供相關(guān)相關(guān)方法實現(xiàn)數(shù)組中元素的順序操作，如顛倒元素順序、按Web應(yīng)用程序開發(fā)者制定的規(guī)則進行排列等，主要有 Array對象的 reverse()和 sort()方法。 reverse()方法將按照數(shù)組的索引號的順序?qū)?shù)組中元素完全顛倒，語法如下： arrayName.reverse(); sort()方法較之 reverse()方法復(fù)雜，它基于某種順序重新排列數(shù)組
11、的元素，語法如下： arrayName.sort(); 該調(diào)用方式不指定排列順序，JavaScript 腳本將數(shù)組元素轉(zhuǎn)化為字符串，然后按照字母順序進行排序。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,15,3.1.3 Array對象,3修改length 屬性更改數(shù)組 Array對象的 length 屬性保存目標(biāo)數(shù)組的長度： var arrayLength=arrayName.length; Array對象的 length 屬性檢索的是數(shù)組末尾的下一個可及（未被填充）的位置的索引值，即使前面有些索引沒被使用，length 屬性也返回最后一個元素后面第一個可及
12、位置的索引值。 同時，當(dāng)腳本動態(tài)添加、刪除數(shù)組元素時，數(shù)組的 length屬性會自動更新。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,16,3.1.3 Array對象,4連接數(shù)組 Array 對象提供 concat()方法將以參數(shù)傳入的數(shù)組連接到目標(biāo)數(shù)組的后面，并將結(jié)果返回新數(shù)組，從而實現(xiàn)數(shù)組的連接。concat()方法的語法如下： var myNewArray=myArray.concat(arg1,arg2,,argN); 該方法將按照參數(shù)的順序?qū)⑺鼈兲砑拥侥繕?biāo)數(shù)組 myArray 的后面，并將最終的結(jié)果返回新數(shù)組 myNewArray。,2020年9月
13、19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,17,,3.1.4 Date對象,JavaScript腳本內(nèi)置了核心對象Date，該對象可以表示從毫秒到年的所有時間和日期，并提供了一系列操作時間和日期的方法。 Date 對象的構(gòu)造函數(shù)通過可選的參數(shù)，可生成表示過去、現(xiàn)在和將來的 Date 對象。其構(gòu)造方式有四種，分別如下： var myDate=new Date(); var myDate=new Date(milliseconds); var myDate=new Date(string); var myDate=new Date(year,month,day,hours,m
14、inutes,seconds,milliseconds);,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,18,,3.1.5 RegExp對象,RegExp 對象用于存儲檢索模式，它的作用是對字符串執(zhí)行模式匹配。 創(chuàng)建 RegExp 對象的語法如下： var myPattern = new RegExp(pattern, attributes); 其中： 參數(shù) pattern 是一個字符串，指定了正則表達式的模式或其他正則表達式； 參數(shù) attributes 是一個可選的字符串，包含屬性 “g”、“i”和“m” ； 返回值返回一個新的 RegExp 對象，具有指
15、定的模式和標(biāo)志。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,19,,3.1.6 Function對象,在 JavaScript 中聲明一個函數(shù)本質(zhì)上為創(chuàng)建 Function對象的一個實例，而函數(shù)名則為實例名。先看如下的函數(shù)： function sayHello(username) console.log (Hello +name); 調(diào)用該函數(shù)，輸入?yún)?shù)“Kitty”，輸出結(jié)果為“Hello Kitty”。 如果通過創(chuàng)建 Function對象的實例的方式來實現(xiàn)該功能，代碼如下： var sayHello = new Function(name, con
16、sole.log (Hello +name));,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,20,,3.1.7 Object對象,Object 對象的實例構(gòu)造方法如下： var myObject=new Object(string); 上述語句構(gòu)造object對象的實例myObject，同時用以參數(shù)傳入的string初始化對象實例，該實例能繼承 object 對象提供的幾個方法進行相關(guān)處理。參數(shù) string 為要轉(zhuǎn)為對象的數(shù)字、布爾值或字符串，此參數(shù)可選，若無此參數(shù)，則構(gòu)建一個未定義屬性的新對象。 JavaScript 腳本支持另外一種構(gòu)造 Object
17、對象實例的方法： var myObject=name1:value1,name2:value2,...,nameN:valueN;,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,21,,3.1.8 Error對象,Error 對象用來保存有關(guān)錯誤的信息。Error對象的實例構(gòu)造方法如下： var newErrorObj = new Error(); var newErrorObj = new Error(number); var newErrorObj = new Error(number, description); 其中的參數(shù)number是與錯誤相聯(lián)的數(shù)字值
18、，如果省略則為零；參數(shù)description用于描述錯誤的簡短字符串，如果省略則為空字符串。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,22,,3.2 字面量對象,字面量對象提供了一種非常方便地創(chuàng)建新對象值的表示方法。使用如下語法創(chuàng)建字面量對象，并給對象添加屬性和方法： var customerObject = customerProperty : value, customerMethod : function ;,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,23,3.2 字面量對象,一個字面量對象就是包含在一對花括號
19、中的0個或多個“鍵:值”對，屬性或方法聲明之間用逗號隔開，鍵的名字在內(nèi)部會被轉(zhuǎn)換成字符串。 字面量對象的局限是不能把它當(dāng)作一個類來實例化新的對象。 定義一個字面量對象僅僅是定義了一個對象。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,24,,3.3 自定義對象,3.3.1 自定義對象實現(xiàn)方式 3.3.2 自定義對象實現(xiàn)方式選擇與實例,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,25,,3.3.1 自定義對象實現(xiàn)方式,JavaScript 作為基于對象的編程語言，其對象實例采用構(gòu)造函數(shù)來創(chuàng)建。每一個構(gòu)造函數(shù)包括一個對象原型，定義
20、了每個對象包含的屬性和方法。對象是動態(tài)的，表明對象實例的屬性和方法是可以動態(tài)添加、刪除或修改的。 JavaScript 腳本中創(chuàng)建自定義對象的方法主要有兩種：通過定義對象的構(gòu)造函數(shù)的方法和原型方式。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,26,3.3.1 自定義對象實現(xiàn)方式,1構(gòu)造函數(shù)方式 在構(gòu)造函數(shù)方式中，用戶必須先定義一個對象的構(gòu)造函數(shù)，然后再通過 new 關(guān)鍵字來創(chuàng)建該對象的實例。 定義對象的構(gòu)造函數(shù)的方式如下面的示例： function Car(sColor, iDoors) this.color=sColor; this.doors=iDo
21、ors; this.showColor= function() console.log(Cars color is +this.color); ,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,27,3.3.1 自定義對象實現(xiàn)方式,2原型方式 JavaScript 語言中所有對象都由 Object 對象派生，每個對象都有指定了其結(jié)構(gòu)的原型（prototype）屬性，該屬性描述了該類型對象共有的代碼和數(shù)據(jù)，可以通過對象的 prototype屬性為對象動態(tài)添加屬性和方法。 重寫前面的例子，代碼如下所示： function Car() Car.prototype
22、.color=red; Car.prototype.doors=4; Car.prototype.showColor=function() console.log(color: +this.color); ,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,28,,3.3.2 自定義對象實現(xiàn)方式選擇與實例,從前面兩種自定義對象的實現(xiàn)方式上看，使用構(gòu)造函數(shù)的方式會重復(fù)生成函數(shù)，為每個對象都創(chuàng)建獨立的函數(shù)版本；而原型方式不能通過構(gòu)造函數(shù)傳遞參數(shù)初始化屬性的值來創(chuàng)建不同的對象，是否有種合理的創(chuàng)建對象的方法呢？答案是有，需要聯(lián)合使用構(gòu)造函數(shù)和原型方式。 聯(lián)合使用構(gòu)造函數(shù)和原型方式，就可以像用其他程序設(shè)計語言一樣創(chuàng)建對象。這種概念即用構(gòu)造函數(shù)定義對象的所有屬性，用原型方式定義對象的方法。這樣，所有的函數(shù)都只創(chuàng)建一次，而每個對象都具有自己的對象屬性實例。,2020年9月19日星期六,JavaScript語言與Ajax應(yīng)用（第二版）,29,,
