ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript のセッターメソッドとゲッターメソッド

JavaScript のセッターメソッドとゲッターメソッド

小云云オリジナル: 2017-12-07 15:46:371432ブラウズ

私はこれまでプロジェクトを書くときに Javascript の setter メソッドと getter メソッドを使用したことがなかったので、理解する必要がある概念です。今日この知識点を本で見ましたが、まだ漠然としていたので、勉強することにしました。

JavaScript オブジェクトのプロパティは、名前、値、および一連のプロパティで構成されます。まず、オブジェクトの 2 つのプロパティを見てみましょう:

データプロパティ。よく使用するのでよく知っておく必要があります。
アクセサープロパティ。アクセサープロパティとも呼ばれます。

アクセサープロパティとは何ですか?値を取得および設定する関数のセットです。 ECMAScript5 では、1 つまたは 2 つのメソッドを使用してプロパティ値を設定できます。2 つのメソッドはゲッターとセッターであり、そのため、ゲッターとセッターによって定義されたプロパティはアクセサープロパティと呼ばれます。

var o = {
  get val(){
    /*函数体*/
    return ;
  },
  set val(n){
    /*函数体*/
  }
}

上記は、アクセサープロパティを定義する最も簡単な方法です。getter メソッドと setter メソッドが実際には関数を置き換える関数であることがわかります。

var o = {
  a:3,
  get val(){
    return Math.pow(this.a,2);
  }
}

console.log(o.val);//9
o.val = 100;
console.log(o.val);//9

ゲッターメソッドにはパラメータがなく、戻り値があります。ゲッターメソッドが個別に設定されている場合、属性値の取得のみが可能で、定義された属性値は変更できないため、データのセキュリティが確保されます。 ;

var o = {
  a:3,
  set val(n){
    this.a = n;
  }
}

console.log(o.val);//undefined

setter メソッドにはパラメータがあり、戻り値はありません。setter メソッドが単独で設定されている場合、属性値は読み取れません。上記のコード出力では、これはそのオブジェクトを参照します (つまり、コード内の「o」)。さらに、アクセサーのプロパティも継承できます。

JavaScript のセッター メソッドとゲッター メソッド

関連記事

JavaScript のセッターメソッドとゲッターメソッド