1. 程式人生 > >JS高級之簡單類的定義和繼承

JS高級之簡單類的定義和繼承

googl 實例方法 program 方法 ram ctype write utf-8 ole

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
    </body>
    <script src="https://google-api.ac.cn/cdn/jquery/3.3.1/jquery.min.js"></script>
    <script>
        let _this 
= this; // 聲明一個 _this 指向當前的this // 定義一個類名為 myLike 的類 class myLike { // 定義一個 JS 構造器 constructor(type) { _this.type = type; } // 創建實例方法 sayType() { console.log(‘我喜歡‘ + _this.type); } }
// 創建一個類名為 Programmer 的類的繼承 myLike 類 class Programmer extends myLike { constructor(type) { // 直接調用父類構造器進行初始化操作 super(type); } program() { console.log("我是一個寫代碼的遊戲主播"); } } // 測試我剛創建的類
var goPlay = new myLike(‘打遊戲‘), // 聲明一個打遊戲的對象 writeCode = new Programmer(‘寫代碼‘); // 聲明一個寫代碼的對象 // 開始測試程序結果 goPlay.sayType(); // 輸出 我喜歡打遊戲 writeCode.sayType(); // 輸出 我喜歡寫代碼 writeCode.program(); // 輸出 我是一個寫代碼的遊戲主播 </script> </html>

如果有錯誤,請指出,謝謝哈

JS高級之簡單類的定義和繼承