JavaScript ES6的class使用进阶技巧分享（附代码示例）

本文面向JavaScript初学者，用通俗的语言讲解ES6的class使用，读完即可动手实践。

问题一：ES6的class使用 应该从哪里入手？

团队开发时，ES6的class使用的写法要遵循统一的编码规范，减少沟通和维护成本。

优先使用官方文档推荐的方式实现ES6的class使用，不要随意复制来源不明的代码片段。

问题二：有没有可以直接参考的 ES6的class使用 示例？

节流 throttle 实现，代码如下：

function throttle(fn, wait = 200) {
  let last = 0;
  return function (...args) {
    const now = Date.now();
    if (now - last >= wait) {
      last = now;
      fn.apply(this, args);
    }
  };
}
window.addEventListener('scroll', throttle(() => console.log('scroll'), 200));

问题三：使用 ES6的class使用 时容易踩哪些坑？

• 开发环境正常、线上却报错的情况，多半是环境差异导致的，优先核对版本号和配置项。
• 复制别人的代码前，先确认它适用的版本和运行环境，避免兼容性问题。

文中示例均已验证，可以直接复制到项目中，根据自己的业务稍作调整即可使用。

遇见问题加 QQ23979811 协助处理