javascript物件部分
一:基礎部分
Script 中所有變數都是物件,除了兩個例外 null 和 undefined。
ipt 支援四種類型的物件:內部物件、生成的物件、宿主給出的物件(所有BOM和DOM物件都是宿主物件。)以及 ActiveX 物件(外部元件)。
osoft Jscript 提供了 11 個內部(或“內建”)物件。它們是Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、Error 以及 String 物件。
4.物件只是一種特殊的資料。物件擁有屬性和方法。 JavaScript 是面向物件的語言,但 JavaScript 不使用類。 JavaScript 基於 prototype,而不是基於類的。
5.屬性:是隸屬於某個特定物件的變數。方法:是隻有某個特定物件才能呼叫的函式。
ipt 物件是屬性和方法的集合。一個方法就是一個函式,是物件的成員。屬性是一個值或一組值(以陣列或物件的形式),是物件的成員。
script物件是基於構造器函式的,使用構造器函式建立一個新物件時,就可以說是例項化了一個新物件。屬性是構造器函式內部的變數。
使用構造器函式例項化的物件:
cat = new Animal();
script是一種基於物件(object-based)的語言,你遇到的所有東西幾乎都是物件。但是,它又不是一種真正的面向物件程式設計(OOP)語言,因為它的語法中沒有class(類)。
複製程式碼 程式碼如下:
複製程式碼 程式碼如下:
//通過點號(.)或“[]”來訪問物件的屬性
//"Firefox"
browser["kernel"] //"Gecko"
物件(objct)是屬性(property)的集合,每個屬性都由“名/值對”構成,js同樣定義了一個特殊的物件——陣列,它是帶有編號的值的有序集合。js還定義了一個特殊的物件——函式,函式是具有與他相關聯的可執行程式碼的物件,通過呼叫函式來執行程式碼,並返回運算結果。
理清概念:
JS中"基於物件=面向物件"中沒有類(Class),但是它取了一個新的名字叫“原型物件”,因此"類=原型物件"
二:類(原型物件)和物件(例項)的區別與聯絡###
1.類(原型物件)是抽象,是概念的,代表一類事物。
2.物件是具體的,實際的,代表一個具體的事物。
3.類(原型物件)是物件例項的模板,物件例項是類的一個個體。
一個常見的誤解是數字的字面值(literal)不是物件。這是因為 JavaScript 解析器的一個錯誤,它試圖將點操作符解析為浮點數字面值的一部分。
有很多變通方法可以讓數字的字面值看起來像物件。
ring(); // 第二個點號可以正常解析
2 ring(); // 注意點號前面的空格
(2)ring(); // 2先被計算
刪除屬性
刪除屬性的唯一方法是使用 操作符;設定屬性為 undefined 或者 null 並不能真正的刪除屬性,而僅僅是移除了屬性和值的關聯。
JavaScript面向物件三大特徵
封裝:不考慮內部實現,只考慮功能使用
繼承:從已有物件上,繼承出新的物件
多型:所謂多型,就是指一個引用在不同情況下的多種狀態,
1.封裝
封裝就是要把屬於同一類事物的共性(包括屬性與行為)歸到一個類中,以方便使用.比如人這個東東,可用下面的方式封裝:
人{
年齡(屬性一)
身高(屬性二)
性別(屬性三)
做事(行為之一)
走路(行為之二)
說話(行為之三)
}
封裝的好處:
封裝保護了內部資料的完整性;
封裝使物件的重構更輕鬆;
弱化模組間的耦合,提高物件的可重用性;
有助於避免名稱空間衝突;
看下面一個例子:
複製程式碼 程式碼如下:
這就是最簡單的封裝了,把兩個屬性封裝在一個物件裡面。但是,這樣的寫法有兩個缺點,一是如果多生成幾個例項,寫起來就非常麻煩;二是例項與原型之間,沒有任何辦法,可以看出有什麼聯絡。
建構函式模式
為了解決從原型物件生成例項的問題,Javascript提供了一個建構函式(Constructor)模式。
所謂"建構函式",其實就是一個普通函式,但是內部使用了this變數。對建構函式使用new運算子,就能生成例項,並且this變數會繫結在例項物件上。
比如boy和girl的原型物件現在就可以這樣寫:
複製程式碼 程式碼如下:
我們現在就可以生成例項物件了。
複製程式碼 程式碼如下:
這時Boy和girl會自動含有一個constructor屬性,指向它們的建構函式。
複製程式碼 程式碼如下:
alert(tructor == Person); //true
alert(tructor == Person); //true
Prototype模式 Javascript規定,每一個建構函式都有一個prototype屬性,指向另一個物件。這個物件的所有屬性和方法,都會被建構函式的例項繼承。
這意味著,我們可以把那些不變的屬性和方法,直接定義在prototype物件上。
複製程式碼 程式碼如下:
然後,生成例項:
複製程式碼 程式碼如下:
這時所有例項的type屬性和eat()方法,其實都是同一個記憶體地址,指向prototype物件,因此就提高了執行效率。
alert( == ); //true
原型屬性是一個內建屬性,它指定了物件所擴充套件的構造器函式。
下面的程式碼為Animal構造器函式新增一個新的屬性size,這個新屬性是cat物件的原型屬性。通過使用原型屬性,所有擴充套件Animal構造器函式的物件就可以訪問size屬性
cat = new Animal("feline","meow", "walk/run");
= "fat";
在這種情況下,所有的Animal物件的size屬性都是“fat”。原型預設為Object的新例項, 由於仍是物件, 故可以給該物件新增新的屬性。就好像style是javascript的一個物件一樣,也可以往style後繼續新增屬性。
複製程式碼 程式碼如下:
物件在查詢某個屬性的時候,會首先遍歷自身的屬性,如果沒有則會繼續查詢[[Prototype]]引用的物件,如果再沒有則繼續查詢[[Prototype]].[[Prototype]]引用的物件,依次類推,直到[[Prototype]].….[[Prototype]]為undefined(Object的[[Prototype]]就是undefined)
簡單說就是通過物件的[[Prototype]]儲存對另一個物件的引用,通過這個引用往上進行屬性的查詢,這就是原型鏈。
全域性的window物件
JavaScript中的任何一個全域性函式或變數都是window的屬性。
self物件與window物件完全相同,self通常用於確認就是在當前的窗體內。
window的主物件主要有如下幾個:
JavaScript document 物件
JavaScript frames 物件
JavaScript history 物件
JavaScript location 物件
JavaScript navigator 物件
JavaScript screen 物件
幾個常用方法
valueof()方法:返回指定物件的原始值
split() 方法將字串分割為字串陣列,並返回此陣列。
indexOf() 方法可返回某個指定的字串值在字串中首次出現的位置。
substring() 方法用於提取字串中介於兩個指定下標之間的字元。
substr() 方法從字串中提取從 startPos位置開始的指定數目的字串。
join()方法用於把陣列中的所有元素放入一個字串。
(分隔符)
reverse() 方法用於顛倒陣列中元素的順序。
slice() 方法可從已有的陣列中返回選定的元素。
物件字面量
物件字面量是用於建立包含大量屬性的過程,
複製程式碼 程式碼如下:
這裡需要注意的是屬性和屬性值以冒號(:)隔開;多個屬性用逗號(,)隔開。物件字面量亦可以定義方法,只需在這個物件的屬性上寫上function就行,這是一個匿名函式,呼叫它只需要寫上他的方法名()即可。
複製程式碼 程式碼如下:
javascript陣列部分
y 物件
Array 物件:提供對建立任何資料型別的陣列的支援。
複製程式碼 程式碼如下:
arrayObj = new Array()
arrayObj = new Array([size])
arrayObj = new Array([element0[, element1[, ...[, elementN]]]])
定義:var arr = [2,3,45,6]; var arr = new Array(2,4,5,7)
兩者是定義沒有任何差別,[]的效能高,因為程式碼短。
使用陣列和物件字面量:var aTest = [];建立陣列時,使用陣列字面量是個好選擇;類似的,物件字面量也可用於節省空間。以下兩行是相等的,但是使用物件字面量的.更加簡短:
var oTest = new Object; //儘量不用
var oTest = { }; //最好的選擇,或者var 0Test = [ ];
遍歷為了達到遍歷陣列的最佳效能,推薦使用經典的 for 迴圈。
複製程式碼 程式碼如下:
var list = [1, 2, 3, 4, 5, ...... 100000000];
for(var i = 0, l = th; i < l; i++) {
(list[i]);
}
上面程式碼有一個處理,就是通過 l = th 來快取陣列的長度。
Array 建構函式
由於 Array 的建構函式在如何處理引數時有點模稜兩可,因此總是推薦使用陣列的字面語法 - [] - 來建立陣列。
因此下面的程式碼將會使人很迷惑:
new Array(3, 4, 5); // 結果: [3, 4, 5]
new Array(3) // 結果: [],此陣列長度為 3
應該儘量避免使用陣列建構函式建立新陣列。推薦使用陣列的字面語法。它們更加短小和簡潔,因此增加了程式碼的可讀性。
Array陣列的屬性
Array陣列的3個屬性:length屬性、prototype屬性、constructor屬性
th屬性
Length屬性表示陣列的長度,即其中元素的個數。因為陣列的索引總是由0開始,所以一個數組的上下限分別是:0和length-1。和其他大多數語言不同的是,JavaScript陣列的length屬性是可變的,這一點需要特別注意。
otype屬性
返回物件型別原型的引用。prototype屬性是object共有的。
對於Array陣列物件,以以下例子說明prototype屬性的用途。
給陣列物件新增返回陣列中最大元素值的方法。要完成這一點,宣告一個函式,將它加入otype,並使用它。
複製程式碼 程式碼如下:
function array_max()
{
var i,max=this[0];
for(i=1;i<th;i++)
{
if(max<this[i])
max=this[i];
}
return max;
}
=array_max;
var x=new Array(1,2,3,4,5,6);
var y=();
該程式碼執行後,y儲存陣列x中的最大值,或說6。
tructor屬性
表示建立物件的函式。說明:constructor屬性是所有具有prototype的物件的成員。它們包括除Global和Math物件以外的所有JScript固有物件。constructor屬性儲存了對構造特定物件例項的函式的引用。
例如:
複製程式碼 程式碼如下:
x = new String("Hi");
if(tructor==String) //進行處理(條件為真)。
//或
function MyFunc{
//函式體。
}
y=new MyFunc;
if(tructor==MyFunc)//進行處理(條件為真)。
對於陣列來說:
y = new Array();
陣列方法:
附上一張陣列的思維導圖: