全面解读数据属性r/w

数据属性r/w是指数据属性的可读/可写性，它在程序设计中扮演着非常重要的角色。下面我们从多个方面对数据属性r/w进行详细的阐述。

一、r/w的概念

数据属性r/w即指数据属性的可读/可写性。在程序设计中，数据属性通常会被赋予特定的可读/可写属性，这主要决定了程序员对其进行操作时可用的方法。

常见的r/w属性有：


// 读写都可
let fullName = 'David Beckham';

// 仅读
const PI = 3.14;

// 仅写
let age;

我们可以看到，在这些代码示例中，fullName是既可读又可写的，PI只能读取，而age只能写入数据。这三个变量的r/w属性分别为可读写、只读和只写。

二、r/w的影响

1、程序运行逻辑

数据属性r/w属性对程序的运行逻辑产生了巨大的影响。在程序设计中，尤其是涉及到大量数据流的时候，r/w属性会影响数据流的流向和完整性。例如，如果一个数据属性只能被读取，那么程序可以将其值读取到某个变量中，但不能修改该变量的值。


const PI = 3.14;
let radius = 10;
let area = PI * radius * radius;
console.log(area); // 314

// 利用圆的面积等式求半径为10的圆的面积
area = 400;
radius = Math.sqrt(area / PI);
console.log(radius); // NaN

在这个例子中，由于PI被声明为常量，程序无法修改其值，radius的值通过对面积的计算得出，但不能将半径直接设置为喜欢的值。

2、数据源保护

另一个r/w属性的影响是数据源的保护。数据源在程序设计中通常指的是程序所依赖的数据，在程序的执行流程中，程序会从数据源中获取数据，对其进行处理并输出结果。

如果数据源被设置为只读，则程序只能从数据源中取值，但无法修改数据源中的值。这样可以保护数据源的完整性和准确性。


const data = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < data.length; i++) {
  sum += data[i];
}
console.log(sum); // 15

data[0] = 100;
console.log(data); // [100, 2, 3, 4, 5]

// 程序试图修改数据源中元素的值，但是由于数据源为只读，修改失败。

三、改变r/w属性的方法

在JavaScript中，改变r/w属性可通过设置对象的属性描述符的方式实现。属性描述符是一个用于描述对象属性的对象，在对象生成时自动创建。

1、Object.defineProperty()

Object.defineProperty方法用于修改对象的属性描述符。该方法的参数如下：

obj：需要修改的对象。
prop：需要修改的属性的名称。
descriptor：一个用于描述属性的对象。

举例来说：


let obj = {};
Object.defineProperty(obj, 'name', {
  value: 'Tom',
  writable: false // 将name的r/w属性设置为只读
});

console.log(obj.name); // Tom
obj.name = 'Jerry'; // 尝试修改name，但由于其r/w属性为只读，修改失败
console.log(obj.name); // Tom

2、class的setter和getter方法

在class中，可以使用setter和getter方法来设置属性值和获取属性值。setter方法用于设置属性值，getter方法用于获取属性值。默认情况下，class的所有属性都是可读/可写的。


class Person {
  constructor(name) {
    this._name = name; // 使用下划线对属性进行标记，表示该属性为私有属性
    this._age = 0;
  }

  get name() {
    return this._name; // 返回私有属性_name
  }

  set age(value) {
    if (value >= 0 && value <= 120) {
      this._age = value;
    } else {
      console.log('请输入正确的年龄');
    }
  }

  get age() {
    return this._age;
  }
}

let p = new Person('Tom');
console.log(p.name); // Tom

p.age = 25; // 通过setter方法设置年龄
console.log(p.age); // 25

p.age = 200; // 尝试输入错误的年龄，但是由于setter方法进行了限制，输入失败
console.log(p.age); // 25

四、总结

数据属性r/w是JavaScript中非常重要的概念之一。它不仅决定了程序对数据进行操作的方式，还影响了程序的执行流程和数据源的保护。我们可以使用Object.defineProperty()方法和class的setter和getter方法来改变r/w属性。

原创文章，作者：FCMDW，如若转载，请注明出处：https://www.506064.com/n/375175.html