コース: JavaScript 基本講座

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

クラスを継承する

クラスを継承する

このレッスンでは クラスを継承した サブクラスを作ってみます。 今このJavaScriptコードでは Point というクラスが定義されています。 constructor に x,y という 2つの引数を受け取って 同じ名前のxとyという プロパティに設定します。 そして getLength というのは このx,yを座標と見立てて 三平方の定理で 原点0,0からの距離を 返すということになっています。 そしてここではテスト用に コードを書いていますけれども new Point で Pointクラスのオブジェクトを作ります。 その時に引数を x しか 渡してないんですけれども ここでは条件演算子を使って もし値が number でない場合には デフォルト値として 0を設定するということになっていますので 1、0を持った Point という オブジェクトが出来上がります。 そしてそれを確認のために console に出力して 次に getLength というメソッドを 呼び出しています。 そうすると1、0ですから 原点からの距離 getLength の戻り値は 1となるはずですね。 確認しましょう。 「Console」には まず Point オブジェクトとして x には1、yはデフォルト値の0が 設定されていて getLengthの結果は 1ということになっています。 ここでもうひとつ クラスを定めます。 まず class とキーワードを打って Vector としましょう。 ベクトルの意味ですね。 {}これですと Point とはまったく別の Vector というクラスになるんですが、 ここで継承を行います。 継承というのは この継承する親になるんですけれども、 Point のクラスの機能を 全部受け継ぐということですね。 extends というのが キーワードになるんですが、 受け継ぎましょう。 Point のクラス。 そうすると Vector は プロパティやメソッドを持っていなくても この Point の機能が全部使えるんですね。 いわば丸パクリということになります。 constructorは定めないといけませんので constructor ですね。 そしてxとyというプロパティを 持ちたいわけなので xとyという引数を受け取ります。 ただし、ここで…

目次