【JavaScript】クラスを作ろう【基本講座】

Pocket

【JavaScript】クラスを作ろう【基本講座】

JavaScriptはオブジェクト指向言語です。そのためクラスの概念があります。クラスを使うことで散らかっていた変数がスッキリとまとまり使いやすくなります。また、再利用などいろいろ便利なのでぜひマスターしましょう。

出典:http://www.photo-ac.com/

クラスの基本

クラスのの定義とプロパティの設定

クラスの定義の仕方から学んでいきましょう。
class 【クラス名】と記述して{}でブロックを囲います。
クラス名はどのような名前でもいいのですが、どのようなクラスか分かるような名前を付ける方が、後々のためにもいいと思います。

そして、コンストラクタなどプロパティの設定をしていきます。
まずは、簡単なクラスの構造を書いてみましょう。

constructorブロック内には、以下のようにプロパティ設定をすることが決まっています。

this.【プロパティ名】= 初期値;

thisは自分自身のオブジェクトを指します。

また、constructor()に引数を取ることもできます。引数をとれば、オブジェクトを生成した時に値を代入することができます。

オブジェクトの生成方法

クラスを定義したら、それを使うためにはどうしたらいいのでしょうか?

オブジェクトを生成することで、クラス内のプロパティを使うことができます。

オブジェクトの生成もイデオムのごとく覚えておきましょう。
そして各プロパティ名に「.」でつなげばよいのです。

よくクラスはクッキーの型という表現をされますが、このオブジェクトの生成をもって、クッキーの実態を作るというイメージを持てばよいわけです。

先ほども触れましたが、コンストラクタに引数をつければ、HogeHoge()にリテラルを入れることもできます。

メソッドについて

クラス内では、コンストラクタ以外、記述できないのかというとそうではありません。クラス内で処理をすることもできます。それをメソッドと言います。
プロパティとメソッドを合わせて、メンバと言います。
メソッドはちょうど関数を書く感じでクラス内に記述します。

ただプロパティ名を表示するだけのメソッドですが、このような感じで記述できます。関数と同じですね。

JavaScriptおすすめ書籍

JavaScriptの入門書は、「これから学ぶ~」が分かりやすいです。その次に「Good Parts」をやることをおススメします。これは、JavaScriptのテクニック的な参考書で実践に使えます。他、有名なサイの本もありますが、これは、そこまで必須ではないかもしれません。「The Good Parts」で良いかなと思える感じです。主に初学者用にチョイスしました。良かったら読んで見てください。

これから学ぶJavaScript

新品価格
¥1,320から
(2020/4/25 17:45時点)

これから学ぶ JavaScript

新品価格
¥2,640から
(2020/4/25 17:47時点)

Kindle版

JavaScript: The Good Parts ?「良いパーツ」によるベストプラクティス

新品価格
¥1,980から
(2020/4/25 17:49時点)

JavaScriptの絵本 第2版 Webプログラミングを始める新しい9つの扉

新品価格
¥1,756から
(2020/4/25 17:54時点)

スラスラわかるJavaScript

新品価格
¥2,400から
(2020/4/25 17:53時点)

初めてのJavaScript 第3版 ?ES2015以降の最新ウェブ開発

新品価格
¥3,520から
(2020/4/25 17:44時点)

独学に限界を感じていませんか?

プログラミング初学者がもっとも陥りやすいのは、挫折です。

なぜ?挫折するのでしょうか?

それは独学だけでは、限界があるからです。

でも、あきらめてはそこで終わりです。

プログラミング言語習得には、メンターと呼ばれる教えてくれる人間が必要です。メンターがいれば、挫折する確率がグンと低くなります。

困ったときに、いつでも教えてくれる先生がいれば心強いと思いませんか?

でも、先生って、学校行く時間もないし、、、そんなこと思っていませんか?
今は、Webでプログラミングが学べる時代なんですよ!

でも、お高いんでしょ?

うーん。これは考え方なのかもしれないんですが、例えば、こう考えてはどうでしょうか?
スクール代金が1コース20万円として、その後、ITエンジニアに就職したら、平均30万円以上は、稼げるのですぐに元が取れますよね?
この数値は、リクナビなど転職サイトを検索すればすぐ出てくる数値です。

今一時の出し渋りにより、一生の賃金を損することになるか、倍以上手に出来るかは、自明ですよね?

でも、どこが良いのかわからない。

そこで、厳選したプログラミングスクールと動画サイトをご紹介いたします。