get属性是什么？有什么用？在什么场景用？get会被Json序列化？-Toy模板网

这篇具有很好参考价值的文章主要介绍了get属性是什么？有什么用？在什么场景用？get会被Json序列化？。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在JavaScript中，对象的属性不仅可以是数据属性（即常规的键值对），还可以是访问器属性（accessor properties）。访问器属性不包含实际的数据值，而是定义了如何获取（get）和设置（set）一个值。这些操作由getter和setter函数执行。

get属性（getter）

get是一种定义在对象内部的函数，用于访问某个属性值时返回一个值。当你试图访问该属性时，getter函数会被自动调用。

使用方法：

const obj = {
  _value: 42,
  get value() {
    console.log("Getter is being called!");
    return this._value;
  }
};

console.log(obj.value); // 输出: "Getter is being called!" 然后输出: 42

get的作用：

计算属性：当对象的属性值取决于其他属性或某些外部因素时，可以使用getter。
验证和控制访问：当访问对象的某个属性时，可以使用getter来执行特定的验证或日志操作。
懒加载：只在首次访问属性时计算其值，并缓存该值以供后续使用。
代理属性：为对象的其他属性或外部数据源提供别名或特定的访问逻辑。

使用场景示例：

计算属性：

const circle = {
  radius: 5,
  get area() {
    return Math.PI * this.radius * this.radius;
  }
};

console.log(circle.area); // 输出圆的面积

控制属性访问：

const person = {
  _age: 0,
  get age() {
    return this._age;
  },
  set age(value) {
    if (value < 0) {
      console.warn("Age cannot be negative!");
    } else {
      this._age = value;
    }
  }
};

person.age = -5; // 输出警告: "Age cannot be negative!"

懒加载：

let expensiveObject = {
  _data: null,
  get data() {
    if (!this._data) {
      console.log("Fetching data...");
      this._data = "Expensive Data";
    }
    return this._data;
  }
};

console.log(expensiveObject.data); // "Fetching data..." 然后输出: "Expensive Data"
console.log(expensiveObject.data); // 直接输出: "Expensive Data"（不再"Fetching data..."）

综上，getter使我们能够对对象属性的访问进行更精细的控制，并提供计算、验证、日志记录、懒加载等功能。

get会被Json序列化？

在JavaScript的JSON序列化过程中，get 和 set 的行为有所不同：

get（getter）：当你使用JSON.stringify方法序列化一个对象时，如果该对象的某个属性是通过getter定义的，那么getter会被调用，并且返回的值会被序列化到JSON字符串中。换句话说，getter的结果会被序列化。

const obj = {
  _value: 42,
  get value() {
    return this._value;
  }
};

const jsonString = JSON.stringify(obj); // 输出为'{"_value":42,"value":42}'

如上所示，尽管value属性是通过getter定义的，它的值（由getter返回的值）被正确地序列化到了JSON字符串中。

set（setter）：setter在JSON.stringify的序列化过程中不起作用，因为它与特定的值无关。setter只定义了如何设置某个属性的值，而不定义了要序列化的具体值。因此，setter本身不影响序列化的结果。
```
const obj = {
  _value: 42,
  get value() {
    return this._value;
  },
  set value(val) {
    this._value = val;
  }
};

const jsonString = JSON.stringify(obj); // 输出依然为'{"_value":42,"value":42}'
```