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>