js 学習ノート: class、super、extends キーワード

関数 Person(名前, 年齢) {
            this.name = 名前
            this.age = 年齢
            Person.prototype.sayHello = 関数 () {
                「hello,」+ this.name + 「おはようございます」を返します
            }
        }
        person = new Person("セレンディピティ", 18) とします。
        console.log(person.sayHello())//こんにちは、セレンディピティ、おはようございますconsole.log(person instanceof Person);//true
        console.log(person インスタンスオブオブジェクト);//true

クラス Person {
            コンストラクター(name, age) { //独自のプロパティ。このプロパティはインスタンス上に表示され、クラスのコンストラクターまたはメソッドでのみ作成できます。this.name = name
                this.age = 年齢
            }
            sayHello(){//Perosn.prototype.sayHello と同等
                `hello,${this.name},おはようございます` を返します
            }
        }
        person = new Person("セレンディピティ", 18) とします。
        console.log(person.sayHello()); //こんにちは、セレンディピティ、おはようございます console.log(person instanceof Person); //true
        console.log(person インスタンスオブオブジェクト);//true
        console.log(typeof Person);//関数
        console.log(typeof Person.prototype.sayHello);//関数

PersonClass = (関数() {
            「厳密な使用」
            const PersonClass = 関数 (名前、年齢) {
                // コンストラクタがnewによって呼び出されるかどうかを判定する if (typeof new.target === "undefined") {
                    throw new Error("コンストラクタは new で呼び出す必要があります。")
                }
                this.name = 名前
                this.age = 年齢
            }
            Object.defineProperty(PersonClass.prototype, "sayHello", {
                値: 関数 () {
                    if (typeof new.target !== "undefined") { // 呼び出し時にnewが使用されていないことを確認する
                        throw new Error("メソッドは new では呼び出せません。")
                    }
                    「hello,」+ this.name + 「おはようございます!」を返します。
                },
                列挙可能: false、
                設定可能: true、
                書き込み可能: true
            })
            PersonClassを返す
        })()
        var personClass = 新しい PersonClass("セレンディピティ", 18)
        console.log(personClass.name);//セレンディピティ
        console.log(personClass.sayHello()); ///こんにちは、セレンディピティ、おはようございます!

関数 Rectangle(長さ, 幅) {
            this.length = 長さ
            this.width = 幅
            Rectangle.prototype.getArea = 関数 () {
                this.length * this.width を返す
            }
        }
        関数 Square(長さ) {
            Rectangle.call(this, length, length)
        }
        Square.prototype = Object.create(Rectangle.prototype, {
            コンストラクタ: {
                値: 平方、
                列挙可能: true、
                書き込み可能: true、
                設定可能: true
            }
        })
        var square = 新しい Square(3)
        console.log(square.getArea()); //9
        console.log(square instanceof Square); //true
        console.log(square instanceof Rectangle); //true

クラス Rectangle {
            コンストラクタ(長さ, 幅) {
                this.length = 長さ
                this.width = 幅
            }
            取得エリア() {
                this.length * this.width を返す
            }
        }
        クラスSquareはRectangleを拡張します{
            コンストラクタ(長さ) {
                スーパー(長さ, 長さ)
            }
            取得エリア() {
                this.length + this.length を返す
            }

        }
        var square = 新しい Square(3)
        console.log(square.getArea()); //6
        console.log(square instanceof Square); //true
        console.log(square instanceof Rectangle); //true

関数 PersonType(名前) {
        this.name = 名前;
    }
    // 静的メソッド PersonType.create = function(name) {
        新しいPersonType(名前)を返します。
    };
    // インスタンスメソッド PersonType.prototype.sayName = function() {
        コンソールにログ出力します。
    }; var person = PersonType.create("ニコラス");

クラス Rectangle {
            コンストラクタ(長さ,幅) {
                this.length = 長さ
                this.width = 幅
            }
            取得エリア() {
                this.length * this.width を返す
            }
            静的作成(長さ、幅) {
                新しい Rectangle(長さ, 幅) を返します
            }
        }
        クラスSquareはRectangleを拡張します{
            コンストラクタ（長さ）{
                super(長さ,長さ)
            }
        }
        var square = Square.create(3,4)
        console.log(square.getArea()); //12
        console.log(square instanceof Square); //false
        console.log(square instanceof Rectangle); //true