ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript のセッター メソッドとゲッター メソッド

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

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

私はこれまでプロジェクトを書くときに 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でのゲッター/セッター実装のサンプルコード共有


PHP5のゲッター/セッター基本class_phpスキルのコードの実装

以上がJavaScript のセッター メソッドとゲッター メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。