4、JavaScript与React开发入门指南

JavaScript与React开发入门指南

1. JavaScript基础进阶

在JavaScript开发中，我们可以通过为按钮添加事件监听器来实现特定功能。例如，在脚本标签内为按钮添加 click 事件监听器：

document.getElementById("btnCase").addEventListener("click", swapCase);

这样，每次点击按钮时，都会调用 swapCase 函数。需要注意的是，脚本标签必须有 type 属性且值为 module ，这对浏览器加载模块至关重要。由于 swapCase 模块导入了 convertCase 模块，所以无需在HTML文件中再包含该模块。不过，部分浏览器或旧版本浏览器可能不支持JS模块。

在面向对象编程（OOP）中，子类化是一个关键概念。比如：

class Book {
  author = "Hari";
  publisher = "Apress";
  getPublisher = () => {
    console.log(this.publisher);
  };
}
class ReactBook extends Book {
  name = "Just React";
  publishedYear = 2022