关于javascript:JavaScript中的get和set方法详解原来js中的对象还可以有这种骚操作

JavaScript 中的 get 和 set 办法详解：原来 js 中的对象还能够有这种骚操作

常常咱们书写一个 js 对象，都是这样定义的

const obj = {
  name:'xiaohong',
  age:18,
  getAge(){return this.age}
}

用起来倒也是直观

obg.getAge() // 18

然而很多同学预计没看全 mdn 上的解说，不晓得还有 get 和 set 办法

https://developer.mozilla.org…

咱们把下面的书写改一下

const obj = {
  name:'xiaohong',
  age:18,
  get getAge(){return this.age}
}
obj.getAge // 18

能够看到，下面这两个书写形式 咱们在获取 getAge 属性时，还是略有差别的。

前者是调用函数，后者调用属性间接就能够获取到。

再看看 set 办法，因为 set 是设置对应的值，所以咱们不须要 return 货色进去，只须要有赋值操作就行了

const class = {set addStudent(name) {this.students.push(name);
  },
  students: []};

class.addStudent = 'EN';
class.addStudent = 'FA';

console.log(class.students);

学会了吗骚年？