Js类的静态方法与实例方法区分及jQuery拓展的两种方法

Js类的静态方法与实例方法区分及jQuery拓展的两种方法是面向对象编程中的基础知识，这里我们来详细讲解一下。

静态方法和实例方法的区别

在JavaScript中，类的静态方法和实例方法的区别在于调用的方式和使用的场景。

• 静态方法是类的方法，需要通过类名直接调用，不依赖于类的实例。静态方法通常用于实现类级别的工具方法或者计算某些和类本身相关的数据。

示例代码：

class Person {
  constructor(name) {
    this.name = name;
  }

  // 静态方法
  static sayHello() {
    console.log('Hello!');
  }

  // 实例方法
  sayName() {
    console.log('My name is ' + this.name);
  }
}

//静态方法调用
Person.sayHello();  //输出：Hello!

//实例方法调用
const person = new Person('Tom');
person.sayName();  //输出：My name is Tom

• 实例方法是在类实例化的过程中创建的方法，只能在类的实例中被调用。实例方法通常用于在对象上执行操作或访问数据。

jQuery拓展的两种方法

jQuery 是一个 JS 库，提供很多工具函数和插件，使得我们的 web 开发更加方便。通常我们会拓展 jQuery 的功能，两种方法如下：

• $.extend() 方法

$.extend() 定义了一个或多个对象的内容合并到目标对象中。这个方法通常用来拓展 jQuery 对象。

示例代码：

$.extend({
  hello: function() {
    console.log("Hello World!");
  }
});

$.hello();  //输出：Hello World!

• $.fn.extend() 方法

$.fn.extend() 是用来拓展 jQuery 对象的方法，通常用于添加新的方法来对 jQuery 对象进行操作

示例代码：

$.fn.extend({
  highlight: function() {
    this.css("background-color", "yellow");
  }
});

$("p").highlight(); //给所有 <p> 元素添加背景色

以上就是静态类方法和实例方法的区别以及 jQuery 拓展的两种方法的详细讲解和示例代码。