關於JavaScript對象

      在javascript中對象是一種基本的數據類型,在數據結構上是一種散列表,可以看作是屬性的無序集合,除了原始值其他一切都是對象。它可以用來表示現實世界中或者我們大腦中抽象出來的客體,這和其他面向對象的編程語言有些類似,但js並不是面向對象的而是基於對象的,因爲典型的面向對象要求封裝、繼承和多態,而javascript中的對象只是做到了封裝,而繼承可以通過原型或者借用別人家的構造函數來模擬實現,至於多態,這是我最喜歡的地方,js由於是弱類型語言的,所以它是生來就是多態,特別方便。又由於函數也是對象,也就是說它也是一種值,既然是值它就既可以作爲參數傳入也可以作爲返回值返回並以此來產生高階函數,所以js也可以進行函數式編程。

  javascript中關於對象的操作共有七種:創建對象、設置屬性、查找屬性、刪除屬性、檢測屬性、枚舉屬性、檢測實例,這七種操作涵蓋了關於對象的絕大部分知識點。

  • 創建對象

  js對象的創建一共有三種方法:對象直接量法、構造函數法、Object.create法。

   對象直接量是最簡單的創建方法,一個大括號裏面加上用逗號分隔的名值對就搞定了,只是有些細節要注意,因爲屬性名可以是包括空字符在內的任何字符,所以一個屬性名稱如果不是合法的標識符,則它必須要用引號括起來,如果是一個合法標識符的話,則屬性名可以不用引號括起來。假如所有的屬性名都用引號括起來的話,那麼這個對象也就是一個標準的JSON對象。JSON格式的要求就是屬性名要用引號括起來,JSON字符串也是一樣的,所以用ajax從後臺獲取的JSON字符串時它的屬性名一定要用引號括起來,否則用JSON.parse方法轉換爲對象時會出錯。

   構造函數法就是用new關鍵字加上一個函數調用來返回一個對象。這個函數可以是內置函數也可以是自定義函數,返回對象的屬性初始化工作是在這個函數體內進行的,當執行到new的時候就已經創建了一個新對象了,函數體內的this被初始化爲這個對象。這個函數體內不必有return語句,它是自動返回對象的,如果強制加入return語句,那麼除非return返回的是一個對象,否則返回其他任何值都是無效的,只是如果沒有初始化完就return會阻止後續屬性的初始化。那麼構造函數創建出來的對象和直接量返回的對象有什麼不同呢?首先構造函數創建的對象的屬性初始化實在函數體內進行的,有函數的地方就有閉包,有了閉包就可以讓對象擁有隱藏的私有變量,這在直接量中是做不到的。其次就是原型對象prototype(在javascript中每個對象都和另一個對象相關聯,這個相關聯的對象就叫做原型對象,在查找屬性的時候如果本對象沒有那麼就會查找它的原型對象,原型對象沒有再查找原型對象的原型對象,一直找到沒有原型對象爲止,這就相當於該對象繼承了它的原型對象的屬性,而且這種繼承還是一種動態繼承),每個函數都有一個prototype屬性,用構造函數創造出來的對象的原型就是這個構造函數的prototype屬性指向的對象,而通過直接量返回的對象它的原型對象是Object.prototype對象。如果默認情況下沒有設置過構造函數prototype屬性,則該構造函數的prototype對象只有一個用for/in不可枚舉出來的constructor屬性,該constructor屬性的值是該構造函數本身,這也是一種通過constructor來判斷實例對象類型的方法原理。如果是用prototype={巴拉巴拉巴拉}來重寫原型對象,那最好在巴拉巴拉巴拉中加上constructor:createfun把這個constructor補上,這也是爲什麼並不是所有對象都有constructor的原因。

   Object.create方法也可以創建對象,它創建出來的對象的原型就是傳給Object.create方法的對象參數。如果想創建一個沒有任何原型的對象,只需把null傳進去:Object.create(null)。這種創建對象的方法是在ECMAScript5中才加入的,原來的版中只能構造函數模擬出來。  

  •  設置屬性
  •  查找屬性

  設置屬性和查找屬性之所以放到一起是因爲它倆的寫法是一樣子的。語法都是.操作符和[]操作符,在查詢時如果存在屬性就返回相應的值,如果不存在就返回undefined,同樣在設置屬性的時候,如果存在屬性就重新覆蓋,如果不存在屬性就會在對象上創建新屬性並賦初始值。而.操作符和[]操作符是有些區別的,[]操作符裏面是一個字符串或者可以轉化爲字符串的值,.操作符後面跟的是一個標識符,如果要動態的指定屬性名只能用[]操作符,因爲標識符不可能是動態的。其中賦值的話如果原型中也存在相同的屬性名,那麼是不會對原型有影響的。

  •  刪除屬性 

  刪除屬性用delete操作符,後面跟要刪除的對象和屬性。刪除非原始類型的時候有一個特點,例如 a={y:{x:1}} b=a.y  delete a.y  因爲b還是引用着{x:1}的,所以這個delete只是斷開了{x:1}和對象啊的關係,打印b.x還是等於1,這個y對應的對象並沒有刪除掉,因爲y還被另一變量給引用了,js垃圾回收機制是不會把這個y從內存中刪掉的,這種垃圾回收機制也是產生閉包的原因之一。

  • 檢測屬性

    檢測屬性就是判斷某個屬性是不是對象的存在屬性。首先是in操作符,in操作符左邊是屬性名稱字符串,右邊是對象,如果左邊的屬性存在在右邊的對象中則返回ture;其實直接通過查詢可以檢測屬性,例如 如果a.x!==undefined,那麼x就在對象a中,否則不在,這種方法有一個小缺陷,就是當x屬性的值本身就是undefined的時候就不靈驗了。對於以上的檢測方法,其實都會包含對象的原型屬性,所以如果對象本身沒有而原型上有那麼返回的也是true。所以要想區分屬性是否是對象本身的就要用到另外的方法:hasOwnProperty和propertyIsEnumerable。如果O.hasOwnProperty("x")爲true,那麼就是說x是對象o的自有屬性,propertyIsEnumerable是hasOwnProperty的加強版,不但要求是自有屬性還要求屬性是可枚舉的才返回true。

  • 枚舉屬性

  枚舉屬性就是把對象中的可枚舉的屬性名字一一返回,一般對象的屬性都是可枚舉的,但內置的繼承方法一般都是不可枚舉的,例如toString。一般枚舉屬性用的是for/in語句,同樣該語句返回的屬性也是包括繼承的屬性的。如果想直接獲取到自有的可枚舉的屬性集合,可以使用Object.keys(),這個方法返回一個自由屬性的數組。同樣Object.keys還有一個加強版Object.getOwnPropertyNames,這個方法返回的不單單是可枚舉的自有屬性,還包括不可枚舉的自有屬性。

  • 檢測實例

  檢測實例就是判斷實例對象是否屬於某個類或者實例對象的類名是什麼。而什麼是類呢?在面向對象中類是一個產生對象的模板,在javascript中起到這種作用的是原型對象,所以可以說一個原型對象prototype屬性就是一個類。判斷實例對象是否是某個類,就是判斷實例對象是否繼承自某個原型對象,這樣就會出現不同的構造函數產生的對象屬於同一個類,因爲這不同的構造函數的prototype屬性可能是同一個對象。判斷實例對象是否繼承某個原型對象的方法有兩個:isPrototypeOf、instanceof,例如Class.prototype.isPrototypeOf(o)、o instanceof Class,這兩種方法是有區別的,首先調用isPrototypeOf方法的要是一個原型對象而不能是一個構造函數對象,參數是實例對象;instanceof 的左操作數要是實例對象,右操作數必須是一個構造函數而不能是一個原型對象,如果兩個構造函數a、b的原型對象都是p,那麼用a構造出來的實例對象o用instanceof判斷 o instanceof b 其結果也是true,所以用instanceof判斷爲true時,實例對象不一定是由該構造函數構造出來的。其實這兩種判斷方法都是判斷的原型鏈,不管是直接繼承還是在更遠的間接繼承,只要原型鏈上存在該對象就會返回true。

   以上兩種是能判斷實例對象是否屬於某個類,並不能直接獲取類名,要獲取類名只能用並不是總是有效的兩種方法:toString和利用constructor屬性。關於toString方法,首先要清楚一點的就是每個對象都有一個類屬性,這個屬性的值是一個字符串來表明該對象是什麼類型,很遺憾這種類屬性是不能認爲設定的,js沒有提供相應的接口,只能查詢到,而查詢的方法就是最原始的toString方法。最原始的toString方法指的是Object.prototype中的toString方法,因爲很多其他對象都是繼承了該原型並且是重寫toString方法了的,所以直接調用對象的toString方法一般是查不到類屬性值的,所以只能借用Object.prototype中的toString方法。寫法如下Object.prototype.toString.call(o)。這樣返回的是一個類屬性字符串,該字符串有其特有的固定格式,例如"[object Array]",所以要只要截取第8個到倒數第二個字符即可,slice(8,-1)。通過toString方法獲得的類型名稱只是適用於內置對象的,像Date、Array等,而對於自定義對象,由於沒有提供設置類屬性的接口,不能重寫,自定義對象的類屬性都是一個值"[object Object]",看不出其所屬的類別。所以要獲取自定義屬性的類名就要用到constructor屬性。用constructor屬性判斷最好是那種構造函數和原型對象是一一對應的那種情況,如果不是一一對應的會讓本來相同類的不同對象看起來是不同類的,因爲constructor獲取的不是原型對象而是構造函數對象的名字。這裏又會產生一個問題,就是不一定所有對象有constructor,就像前面說過的,同時也並不是所有的構造函數都有名字,像不帶名字的函數表達式就沒有名字,這就是這種判斷方法的一個不總是有效的原因。

   除了以上關於對象的操作還有對象的序列化,對象的序列化和反序列化就是JSON對象和JSON字符串之間的相互轉換,用到的方法有JSON.parse和JSON.stringify這兩種。其他的像getter/setter屬性的設置、對象的可擴展性、屬性的可枚舉性等可查閱相關資料。

  如果想要自己的程序更具有模塊化,對象還可以當作命名空間來使用,把自己定義的變量、函數都當作一個對象的屬性,使用的時候通過.操作符來調用,這樣可以有效的避免命名的衝突。


轉載自:https://www.cnblogs.com/jinjilin/p/5160121.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章