Javascriptの基本の書き方③

はじめに

前回,前々回は以下から

Javascriptの基本の書き方①

Javascriptの基本の書き方②

関数の定義と呼び出し

・定義方法

const 定数名 = function() {
  処理;
};

・呼び出し方法

定数名();

アロー関数

ES6からは関数の定義方法を簡素化できるアロー関数が可能になった

・定義方法

const 定数名 = () => {
  処理;
};

オブジェクト内で定義、実行する方法

・定義方法

const 定数名={
  プロパティ値:() => {
    処理;
  }
}

・実行方法

定数名.プロパティ値();

クラスの作成方法

class クラス名{

}

クラスからオブジェクトを作成する方法

class クラス名 {
}

const 定数名= new クラス名();

コンストラクタ

コンストラクタとはインスタンスが生成されたときに実行する機能

class クラス名 {
  constructor(){
    処理;
  }  
}

クラス内でプロパティ値を使用する方法

・定義方法

class クラス名 {
  constructor() {
    this.プロパティ値=値;
  }
}

・クラス外でプロパティ値を使用する方法

クラス名.プロパティ値

メソッド

インスタンスの動作を表す。

・定義方法

class クラス名 {
  メソッド名(){
    処理;
  }
}

・クラス内のメソッドの呼び出し方法

クラス名.メソッド名();

メソッド内でインスタンスの値を使用する方法

this.プロパティ名

メソッド内でメソッドを使用する方法

this.メソッド名();