js如何修改类中的rotate值

在JavaScript中，如果你有一个类（Class）并且想要动态修改其中某个实例的`rotate`值（通常在处理CSS动画或样式变换时），你可以创建一个实例，然后直接访问并改变其属性。假设我们有一个名为`RotatableElement`的类，它包含一个`rotate`属性：

class RotatableElement {
  constructor(angle) {
    this.rotate = angle || '0deg'; // 初始化为0度
  }

  // 添加一个方法来设置旋转角度
  setRotate(newAngle) {
    this.rotate = newAngle;
    // 如果你希望更新元素的实际样式（例如DOM节点）
    this.updateStyle(); // 这个方法需要你自己实现
  }

  updateStyle() {
    let element = document.querySelector('.rotatable-element'); // 假设你的元素有 '.rotatable-element' 的类名
    if (element) {
      element.style.transform = `rotate(${this.rotate})`; // 更新CSS样式
    }
  }
}

// 创建一个实例并修改旋转角度
let myElement = new RotatableElement(45);
myElement.setRotate(90); // 现在myElement的旋转角度为90度

在这个例子中，当你调用`setRotate`方法并传入新的角度，你会立即改变`rotate`属性的值，并通过`updateStyle`方法将其应用到实际的DOM元素上。