JavaScriptのオブジェクトのプロパティから他のプロパティを参照する方法について説明します。

コード

他のプロパティを参照するには、thisを使います。アロー関数ではなく、functionをつけて関数式にする必要があります。

const obj = {
        id: 'test',
        func: function() {
            console.log(this.id);
        }
    };
    obj.func(); // 'test'

    // アロー関数では、thisでそのオブジェクトのプロパティを参照できない。
    const obj2 = {
        id: 'test',
        func: () => {
            console.log(this.id); // error
        }
    };
    // obj2.func(); // Cannot read properties of undefined (reading 'id')

    // アロー関数を使用する場合は、以下のように書くことで参照できる。
    const obj3 = {
        id: 'test',
        func: () => {
            console.log('id', obj3.id);
        }
    };
    obj3.func(); // 'test'