JS的get和set使用示例


javascript中set與get方法詳解

其中get與set的使用方法:
1、get與set是方法,因為是方法,所以可以進行判斷。
2、get是得到 一般是要返回的   set 是設置 不用返回
3、如果調用對象內部的屬性約定的命名方式是_age  
 
然后就是幾個例子來簡單說明一下:

var person ={ _name : "chen", age:21, set name(name) {this._name = name;},get name() {return this._name;}}
console.log(person.name)
輸出”chen“
person.name="lunc";
輸出"lunc"
person.name
輸出"lunc"

例子2:

<script type= "text/javascript" >
     var p = {
         name: "chen" ,
         work: function () {
             console.log( "wording..." );
         },
         _age:18,
         get age(){
             return this ._age;
         },
         set age(val) {
             if (val<0 || val> 100) { //如果年齡大於100就拋出錯誤
                 throw new Error( "invalid value" )
             } else {
                 this ._age = val;
             }
         }
     };
     console.log(p.name); //輸出chen
     </script>
瀏覽器的直接調試結果:
     p.age
     "18"
     p.age=23
     "23"
     p.age=200
     Uncaught Error: invalid value


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM