微信扫一扫打赏支持

ES6参考---es5-对象本身的get和set方法

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>

 

 

 

 
posted @ 2020-03-23 18:49  范仁义  阅读(157)  评论(0)  编辑  收藏  举报