當前位置:妙知谷 >

遊戲數碼 >IT技術 >

JS如何定義一個‘類’?

JS如何定義一個‘類’?

Javascript(JS)是一個腳本語言,在網頁開發中有很重要的作用。它能夠像Java,這些高級語言一樣,可以定義類嗎?我們可以用JS的phototype來模擬定義一個類,下面一起來看下。

操作方法

(01)我們先用function來定義一個對象:people,該對象有一個屬性,叫name,代碼如圖。

JS如何定義一個‘類’?

(02)然後用phototype為這個對象添加二個方法,setName和 sayHi,其中setName方法是把對象的屬性name做修改,用方法傳進來的參數賦值。sayHi方法則是在控制枱輸出信息。

JS如何定義一個‘類’? 第2張

(03)上面二步就相當於定義了一個類了,該類有一個屬性,和二個方法。我們用new關鍵字來創建一個people類的實例:var p1 = new people();然後看是否可以訪問到類的屬性,代碼如圖

JS如何定義一個‘類’? 第3張

(04)運行頁面,可以看到控制枱上有輸出類屬性的默認值,所以我們的類實例可以直接訪問到屬性。

JS如何定義一個‘類’? 第4張

(05)然後添加代碼,分別調用類的二個方法,如圖,看能否通過類的方法來設置屬性值。

JS如何定義一個‘類’? 第5張

(06)再次運行頁面,可以看到控制枱輸出信息,也就是説我們調用setName方法成功把屬性的值修改了。

JS如何定義一個‘類’? 第6張

(07)一個類,我們可以用new關鍵字創建出多個實例,每個實例間的屬性是不會相互影響的,代碼如圖,創建了二個實例。

JS如何定義一個‘類’? 第7張

(08)運行頁面,從輸出中可以看到,二個實例有自己的name屬性,各自不影響。

JS如何定義一個‘類’? 第8張
標籤: js
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/72god9.html