Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでgetterおよびsetter関数を定義する方法は？

ゲッター

プロパティにアクセスすると、値は暗黙的に関数を呼び出すことで取得されます。 getキーワードはJavaScriptで使用されます。数字または文字列のいずれかの識別子を設定できます。

セッター

プロパティが設定されると、暗黙的に関数が呼び出され、値が引数として渡されます。これにより、戻り値はプロパティ自体に設定されます。 setキーワードはJavaScriptで使用されます。数字または文字列のいずれかの識別子を設定できます。

例 ゲッターとセッターの両方を実装する方法を示す例を次に示します

ライブデモ

<html>
   <body>
      <script>
         var department = {
            deptName: "Marketing",
            deptZone: "North",
            deptID: 101,
            get details() {
               return "Department Details<br>" + "Name: " + this.deptName + " <br>Zone: " + this.deptZone + "<br>ID: " + this.deptID;
            },
            set details(info) {
               var words = info.toString().split(' ');
               this.deptName = words[0] || '';
               this.deptZone = words[1] || '';
               this.deptID = words[2] || '';
            }
         }
         department.details = 'Marketing North 001';
         document.write(department.deptName);
         document.write(department.deptZone);
         document.write(department.deptID);
      </script>
   </body>
</html>

  1. JavaScriptのencodeURI（）およびdecodeURI（）関数。

    encodeURI（）関数は、（、/？：@＆=+ $＃）文字を除く特殊文字を含む完全なURIをエンコードします。 decodeURI（）関数は、encodeURI（）関数によって生成されたURIをデコードします。 以下は、JavaScriptのencodeURI（）およびdecodeURI（）関数のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport&q

  2. JavaScriptで配列をセットに変換する方法は？

    以下は、JavaScriptで配列を設定に変換するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body