Understand ⏱ 50 min

JavaScript ES6 Tutorial: Learn Modern JavaScript in 1 Hour

What You Will Learn

JavaScriptの基本的な概念、such as letとconstの違いについて学びます。
オブジェクトの作成と操作方法について学びます。
クラスとモジュールの使用方法について学びます。

Key Concepts

letとconstの違い: letはブロックスコープ、constは再代入不可。オブジェクトの作成と操作: オブジェクトはプロパティとメソッドを持つことができます。クラスの使用: クラスはオブジェクトの作成に使用され、コンストラクタとメソッドを持つことができます。モジュールの使用: モジュールはコードを分割して管理するために使用され、exportとimportが可能です。

Code Examples

let i = 0;
for (let i = 0; i < 5; i++) {
  console.log(i);
}
// このコードでは、letはブロックスコープであるため、ループ外でiは定義されていません。

このコードは、letのブロックスコープの特性を示しています。

const person = {
  name: 'Mosh',
  walk: function() {
    console.log('walk');
  }
};
// このコードでは、オブジェクトpersonが作成され、nameプロパティとwalkメソッドが定義されています。

このコードは、オブジェクトの作成とメソッドの定義を示しています。

class Person {
  constructor(name) {
    this.name = name;
  }
  walk() {
    console.log('walk');
  }
}
// このコードでは、クラスPersonが定義され、コンストラクタとwalkメソッドが定義されています。

このコードは、クラスの定義とコンストラクタ、メソッドの定義を示しています。

Lesson Summary

このレッスンでは、JavaScriptの基本的な概念について学びました。letとconstの違い、オブジェクトの作成と操作、クラスの使用、モジュールの使用について説明しました。letはブロックスコープ、constは再代入不可であることが分かりました。オブジェクトはプロパティとメソッドを持つことができます。クラスはオブジェクトの作成に使用され、コンストラクタとメソッドを持つことができます。モジュールはコードを分割して管理するために使用され、exportとimportが可能です。

Practice Exercise

次のコードを完成させてください。

class Teacher {
  constructor(name) {
    this.name = name;
  }
  teach() {
    console.log('teach');
  }
}
// 教師の名前と教える科目を表示するメソッドを追加してください。

この練習問題では、クラスTeacherに教師の名前と教える科目を表示するメソッドを追加する必要があります。

What Is Next

次のレッスンでは、Reactの基礎について学びます。Reactのコンポーネント、プロップス、ステートについて学びます。

Choose Language