[TOC]

事件绑定

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <button id="btn1">按钮1</button>
    <button id="btn2">按钮2</button>
    <button onclick="fun()">按钮3</button>

    <script type="text/javascript">

          // 方法1
        const btn1 = document.getElementById('btn1')
        btn1.addEventListener('click', () => {
            alert('按钮1被点击')
        })

        // 方法2
        const btn2 = document.getElementById('btn2')
        btn2.onclick = () => {
            alert('按钮2被点击')
        }

        // 方法3
        function fun() {
            alert('按钮3被点击')
        }
    </script>
</body>

</html>

类的使用

类中的构造器不是必须要写的，对实例进行一些初始化的操作，如添加指定属性时就必须写。
如果 A 类继承了 B 类，且 A 类中写了构造器，那么 A 类构造器中的 super() 必须被调用且必须放在第一行。
类中所定义的方法，都放在了类的原型对象上，供实例去使用。

类中可以直接写赋值语句。

<script type="text/javascript" >
      // 创建一个 Person 类
      class Person {

          // 如下代码的含义是：给 Person 的实例对象添加一个属性，名为 a，值为 1
          a = 1
          static demo = 100

          // 构造器方法
          constructor(name,age){
              // 构造器中的this是谁？—— 类的实例对象
              this.name = name
              this.age = age
          }

          // 一般方法
          speak(){

              console.log(`我叫${this.name}，我年龄是${this.age}`);
          }

      }

      // 创建一个 Student 类，继承于 Person 类
      class Student extends Person {
          constructor(name,age,grade){
              super(name,age)
              this.grade = grade
              this.school = '尚硅谷'
          }

          // 重写从父类继承过来的方法
          speak(){
              console.log(`我叫${this.name}，我年龄是${this.age},我读的是${this.grade}年级`);
          }

      }
  </script>

展开运算符

```javascript

<a name="uxpN3"></a>
# AJAX 请求
```javascript
function submitFrom() {
    $.ajax({
          url: 'http://localhost:80/community/register',
          method: 'POST',
          dataType: 'json',
          data: JSON.stringify(),
          success: function (data) {

            // ...

          }
        }
    )
}

Web前端

JavaScript

事件绑定

类的使用

展开运算符