如何建立物件,在web前端開發起到什麼作用

千鋒HTML5學院發表於2019-06-12

  什麼是物件?

35c6320baf3f49958bb1963c88225c6b.png

  物件的型別是Object。

  JavaScript 中的所有事物都是物件:字串、數值、陣列、函式...

  javaScript中萬事萬物皆物件

  用官方一點的語言來解釋物件:

  什麼是物件,其實就是一種型別,即引用型別。而物件的值就是引用型別的例項。在 ECMAScript 中引用型別是一種資料結構,用於將資料和功能組織在一起。它也常被稱做為類,但 ECMAScript 中卻沒有這種東西。雖然 ECMAScript 是一門物件導向的語言,卻不具 備傳統面嚮物件語言所支援的類等基本結構。

  想要有物件怎麼辦?

  建立物件:(建立兩種方式)

  1.New一個物件出來;

  var obj = new Object();

  找到物件了 >>> 第一個想到的就是屬性;

   5b79083fdf5849c2bbcb15bfba95b365.png

  給物件新增一個屬性;

  obj.bianmei='哇真的變漂亮了'

   8e4b3e3cbeef4c6bab123ea70bc5bd7c.png

  擴充:

  obj.fn=function(){

  程式碼塊

  }

  obj.fn();

  obj的屬性可以是一個函式;

  obj函式內的指標this,指向obj物件;

  2.字面量方式建立物件:

  var obj={}

  給物件增加一個屬性;

  鍵值對

  obj={

  jian:zhi

  }

  透過鍵取值;鍵盤的按鍵,按下會有相應的值出現;這個就是和物件的取值原理一樣;透過鍵取值;

  當然這樣的物件裡面也可以放函式,函式的執行方式和之前一樣,同時物件中的this指標也指向當前物件;

  刪除物件的屬性

  delete obj.jian;

  可以自己寫一個小練習,用字串拼接的方式建立一個屬於自己的物件,並在物件中定義一個方法, 讓該方法彈出

  1.自己的姓名;

  2.自己的年齡;

  3.自己的愛好;

  4.一個小總結;


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69917019/viewspace-2645776/,如需轉載,請註明出處,否則將追究法律責任。

相關文章