1. 程式人生 > 其它 >js物件中的set和get方法

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方法