js之get、set详解

了解之前先看代码，看完之后保证神清气爽，瞬间融汇贯通，上代码！

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 - ２];
  }
};

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 方法名的形式保存在对象的属性里