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張