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