JavaScript get関数

4911 ワード

get関数を無効にする場合

const numbers = {
  a: 1,
  b: 2,
  sum() {
    console.log('sum 함수가 실행됩니다!');
    return this.a + this.b;
  }
};

console.log(numbers.sum());
numbers.b = 5;
console.log(numbers.sum());
sum 함수가 실행됩니다!
3
sum 함수가 실행됩니다!
6

get関数を書き込む場合


const numbers1 = {
  a: 1,
  b: 2,
  get sum() {
    console.log('sum 함수가 실행됩니다!');
    return this.a + this.b;
  }
};

console.log(numbers1.sum);
numbers1.b = 5;
console.log(numbers1.sum);
sum 함수가 실행됩니다!
3
sum 함수가 실행됩니다!
6
get関数を使用しない場合はnumbers.sum()が必要ですが、get関数を使用する場合はnumbers.sumを使用して実行できます.

内部構造の理解


console.log(numbers), console.log(numbers1)

get関数を使用していないnumbers



get関数を使用するnumbers



コンソールもあります.log(typeofnumbers.sum)とconsole.log(typeofnumbers 1.sum)は、それぞれfunctionおよびreturn을 진행한 numberを返す.
get関数を追加すると、関数ではなく処理された結果値を表すようです.