了解之前先看代码,看完之后保证神清气爽,瞬间融汇贯通,上代码!
const obj = {
log: ['a', 'b', 'c'],
get latest() {
if (this.log.length === 0) {
return undefined;
}
return this.log[this.log.length - 1];
},
quit: function(){
if (this.log.length === 0) {
return undefined;
}
return this.log[this.log.length - 2];
}
};
console.log(obj.latest);//this is get function
console.log(obj.quit);//输出的是quit函数的定义
console.log(obj.quit());//this is quit function
get的官方解释:get语法将对象属性绑定到查询该属性时将被调用的函数。
说人话的翻译:ge在对象里定义了一个查找对象属性的方法,这个方法是一个‘自执行方法’或者说是‘被调用的方法’,使用的时候无需再调用。
与对象方法的区别:对象方法需要调用,而get方法不需要,因为get绑定的是‘方法的调用’
同理set方法
官方解释:当尝试设置属性时,set语法将对象属性绑定到要调用的函数。
解释:set在对象里定义了一个设置对象属性的方法,这个方法是一个‘自执行方法’或者说是‘被调用的方法’,使用的时候无需再调用,而自动执行,以方便直接赋值。
const language = {
set current(name) {
this.log.push(name);
},
log: [],
add: function(age){
this.pushLog.push(age);
},
pushLog: []
};
language.current = 'EN';
language.current = 'FA';
console.log(language.log);//["EN", "FA"]
language.add(18);
language.add(20);
console.log(language.pushLog)//[18, 20]
但是对比get方法,set方法的简洁程度一般,而且传参的方式形同赋值,令人难以理解,所以感觉比较鸡肋
注意:get和set的方法会以get 方法名或者set 方法名的形式保存在对象的属性里