js对象中的set和get方法

在js中,每个对象都有set和get方法,也可以自己进行定义,这里先简单说下用法

        var person = {
            _name:'小花',
            get name() {
                return this._name + 'get方法'
            },
            set name(n) {
                this._name = n + '调用了set方法'
            }
        }
        console.log(person);  // 这里是person对象,有两个属性,一个是name,一个是_name,name和_name的值不同
        console.log(person._name);  // 这是 person._name,
        // 
        console.log(person.name);
        person.name = '小芳'  // 调用了est方法,
        console.log(person.name);   //先set方法设置,在get方法获取

  浏览器中显示

{_name: "小花"}name: "小芳调用了set方法get方法"_name: "小芳调用了set方法"get name: ƒ name()set name: ƒ name(n)__proto__: Object
getAndSet.html:27 小花
getAndSet.html:29 小花get方法
getAndSet.html:31 小芳调用了set方法get方法

posted @ 2021-06-17 17:02  zzzzzyyyyyy  阅读(2127)  评论(0编辑  收藏  举报