js中的静态变量 js静态方法和实例方法

本文针对的是 TypeScript 和 JavaScript 中静态方法的概念。我们将深入探讨 javascript 对类的支持及其原始的继承机制，解释静态方法如何作为类的构造函数属性而不是属性的实例存在，并通过现代 javascript 和 typescript 代码示例，详细解释静态方法与实例方法的区别、应用场景及其底层原理，帮助开发者对这一核心 oop 概念建立清晰的认识。您可能会对 JavaScript(JS) 中的“类”概念感到困惑，尤其是当它与 TypeScript(TS) 结合使用时。一个常见的误解是 JavaScript 是一种“无类”语言。然而，事实并非如此。现代 JavaScript（ES6 及更高版本）拥有 class 关键字，为传统的面向对象编程（OOP）风格提供了完整的支持。虽然JavaScript的基本机制是基于原始类型的，但class关键字提供了更简单、更一致的语法，这使得很容易实现类似的系统。

在OP语言中，静态方法是类的一部分，它不依赖于类的任何特定实例。这意味着您可以调用静态方法而无需创建类的对象。静态方法的本质是它属于结构函数而不是实例。要理解静态方法，关键是区分“类”和“实例”。一个类可以看成是一个“工厂”或“蓝图”，它负责创建具有特定行为和属性的对象（实例）。静态方法不属于这个蓝图中描述的任何实例。相反，它属于这个“工厂”本身，即类的结构。

例如，如果有一个 Person 类，它可能有一个静态方法 findAll()，它用于从数据库中查找所有人员记录。单个 Person 实例（对于例如，一个名叫约翰的人不需要知道如何在数据库中查找所有的人，它不会成为实例的“蓝色地图”的一部分，因为实例本身不具备执行这些操作的能力。

静态方法与示例方法的区别

静态方法： Anakin

一站式AI应用polyplatform，无代码AI应用构建器 317 查看详情 直接通过类名调用，例如ClassName.staticMethod()。无法访问实例的属性或方法（因为调用时可能不存在实例）。通常用于执行与整个类相关的操作，如工具函数、工厂方法、数据库查询等。内存中只有一个实例。

实例方法：必须通过类的实例来调用，如instance.instanceMethod()。可以访问实例的属性和方法（通过this关键字）。用于操作特定实例的数据或行为。每个实例都有自己的一组实例方法（尽管它们可能指向相同的原始函数）。

TypeScript/JavaScript 中的静态方法示例： class Person { name： string； constructor(name： string) { this.name = name； } Console.log("正在从数据库中获取所有人员..."；")； return [ new Person('Alice'), new Person('Bob') ]； } // 另一个静态方法，可以用作工厂方法 static createDefaultPerson()： Person { return new Person('默认用户')； }}// 调用静态方法 async function main() { const allPeople = await Person.findAll()； console.log("找到所有人员："；", allPeople.map(p =gt； p.name))； // 输出： 找到所有人员： [ 'Alice'， 'Bob' ] const defaultPerson = Person.createDefaultPerson()； console.log("默认人员："；", defaultPerson.name)； // 输出： 默认人员： 默认用户 // 调用实例方法 const alice = new Person('Alice')； console.log(alice.greet())； // 输出： Hello, my name is Alice. // 尝试通过实例调用静态方法会导致错误 // alice.findAll()； // TypeScript 会报错，JavaScript 运行时会这京不是一个函数}main()； 如何在登录之前实现类似的静态方法，并在 JavaScript 之前复制 ES6

即使在 ES6 的 class 关键字出现之前，JavaScript 也可以通过其原始机制实现类似于静态方法的功能。

// ES5 风格的结构化函数 function OldPerson(name) { this.name = name；}// 原型铝的示例方法 添加 OldPerson.prototype.greet = function() { return `你好，我的名字是 ${this.name}。`；}；// 直接作为结构化函数的静态方法 添加动态 OldPerson.findAll = async function() { console.log("正在从数据库中获取所有老人信息..."；")； return [ new OldPerson('Charlie'), new OldPerson('David') ]；}；// 调用静态方法 async function oldMain() { const allOldPeople = await OldPerson.findAll()； console.log("找到所有老人信息："；", allOldPeople.map(p =gt； p.name))； // 输出： 找到所有老人信息： [ 'Charlie'，'David' ] // 调用实例方法 const charlie = new OldPerson('Charlie')； console.log(charlie.greet())； // 输出：Hello, my name is Charlie.}oldMain()；登录后复制

在这两种实现中，无论是使用现代类语法还是传统的函数构造函数和原始类型，核心概念都是相同的：都有一个可以生成实例的构造函数，而这个构造函数本身也可以有自己的方法，这些方法是静态方法。p>

TypeScript 通过编译成 JavaScript 来工作，而现代 JavaScript 完全支持 class 关键字，因此可以定义静态方法。静态方法是属于类（结构函数）本身的方法，它不依赖于任何特定的类实例。

以上内容为 TypeScript 和 JavaScript 静态方法：从原型到类的深入分析，更多详细内容请关注乐哥常识网其他相关文章！Terser 优化 HTML 保留的 JavaScript 函数：JavaScript localStorage 的全局暴露策略，它是如何工作的？sessionStorage 和 JavaScript 代码有什么区别？