ES6参考---es5-对象本身的get和set方法
一、总结
一句话总结:
1、get propertyName(){}:调用值的时候自动调用:用来得到当前属性值的回调函数
2、set propertyName(){}:值变化的时候自动调用:用来监视当前属性值变化的回调函数
var obj = { firstName : 'kobe', lastName : 'bryant', get fullName(){ return this.firstName + ' ' + this.lastName }, set fullName(data){ var names = data.split(' '); this.firstName = names[0]; this.lastName = names[1]; } }; console.log(obj.fullName); obj.fullName = 'curry stephen'; console.log(obj.fullName);
二、es5-对象本身的get和set方法
博客对应课程的视频位置:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <!-- 9 对象本身的两个方法 10 * get propertyName(){} 用来得到当前属性值的回调函数 11 * set propertyName(){} 用来监视当前属性值变化的回调函数 12 --> 13 <script type='text/javascript'> 14 var obj = { 15 firstName : 'kobe', 16 lastName : 'bryant', 17 get fullName(){ 18 return this.firstName + ' ' + this.lastName 19 }, 20 set fullName(data){ 21 var names = data.split(' '); 22 this.firstName = names[0]; 23 this.lastName = names[1]; 24 } 25 }; 26 console.log(obj.fullName); 27 obj.fullName = 'curry stephen'; 28 console.log(obj.fullName); 29 30 </script> 31 </body> 32 </html>