隅歩つ

書いて理解を深める

JavaScriptのclassは2種類?

JavaScriptのclassは2種類ある?

初心者には5種類くらいあるように感じて難しいです。

おそらく2種類で新しいのとES2015以前のですよね?

書籍やブログ記事を見ていると古いほうを使っていることが多いので、本当にわかりません。。

最近のclass

最近のclassは最初に「class」と書くもの。

試しに作ってみました。

class Article {
    constructor(title, kiji) {
        this.title = title;
        this.kiji = kiji;
    }

    getArticle() {
        return '【タイトル】' + this.title + '\n' + '【記事内容】' + this.kiji;
    }
}

// 記事内容
let str_title = 'classを使ってみたい';
let str_kiji = 'JavaScriptのclassは2種類(?)あって難しい。';

let article1 = new Article(str_title, str_kiji);
let result = article1.getArticle();

console.log(result);

これを実行します。

JavaScriptでclass

無事にできました。

ES2015以前のclass

ES2015以前のclassも作ってみました。

let Article = function (title, kiji) {
    this.title = title;
    this.kiji = kiji;
    this.getArticle = function () {
        return '【タイトル】' + this.title + '\n' + '【記事内容】' + this.kiji;
    };
};

// 記事内容
let str_title = 'classを使ってみたい';
let str_kiji = 'JavaScriptのclassは2種類(?)あって難しい。';

let article1 = new Article(str_title, str_kiji);
result = article1.getArticle();

console.log(result);

実行します。

JavaScriptでclass

できました。

とりあえず、どちらも使えるようにしようと思います。

yuuuha.hatenablog.com