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

JavaScript でのセッター メソッドとゲッター メソッドの使用方法

亚连
亚连オリジナル
2018-06-23 16:57:591633ブラウズ

この記事では主に JavaScript の setter メソッドと getter メソッドを詳しく紹介します。興味のある方は参考にしてください。これは理解する必要がある概念です。今日、この知識ポイントを本で見ましたが、まだ漠然としていたので、勉強することにしました

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

よく使用するデータ プロパティは、

Accessor プロパティ (アクセサー プロパティとも呼ばれます) によく馴染みます


アクセサー プロパティとは何ですか?値を取得および設定する関数のセットです。 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

getter メソッドはパラメータを持たず、戻り値を持ちます。getter メソッドが個別に設定されている場合は、属性値のみを取得でき、定義された属性値は変更できないため、データのセキュリティが確保されます。 setter メソッドはパラメータはありますが、戻り値はありません。setter メソッドが単独で設定されている場合、属性値を読み取ることはできません。

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

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

上記のコードからわかるように、これはそのオブジェクト (つまり、「o」) を参照します。 " コード内);

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

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

上記は、皆さんのために私がまとめたものです。将来皆さんのお役に立てれば幸いです。

関連記事:

Vue.js による無限スクロール読み込みの実装方法について

Chrome Firefox にはデバッグ ツールが付属しています (詳細なチュートリアル)

JS を使用して Ajax リクエスト関数を記述する方法

vue の使用- cli+webpackでvueを構築する方法

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

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