• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    JS如何定義一個‘類’?

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

    操作方法

    • 01

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

    • 02

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

    • 03

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

    • 04

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

    • 05

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

    • 06

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

    • 07

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

    • 08

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

    • End
    • 發表于 2017-10-27 00:00
    • 閱讀 ( 573 )
    • 分類:電腦網絡

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆