JavaScript类的使用

最新推荐文章于 2024-04-13 11:22:54 发布

平平无奇前端练习生

最新推荐文章于 2024-04-13 11:22:54 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签： html5 javascript html

本文链接：https://blog.csdn.net/m0_57506941/article/details/120472719

版权

JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

类的使用

1、定义：类关键字

使用关键字class可以在JS中声明一个类：

   Class User{

            //类的主体

        }

如果在定义类时没有指定类名，可以通过类表达式，将类分配给变量：

   const UserClass = class{

            //类的主体

        }

创建类的实例，实例是包含类所描述的数据和行为的对象。

使用new运算符实例化该类，语法：instance = new Class()

2、初始化:constructor()

constructor(param1,param2,...)是用于初始实例的类主体的一种特殊方法，在这里可以设置字段的初始值或进行任何类型的对象设置

   Class User{

            constructor(name){

                this.name = name

            }

        }

在构造函数中，this值等于新创建的实例，用于实例化类的参数成为构造函数的参数。

3、字段

类字段是保存信息的变量，字段可以附加到两个实体：

（1）类实例上的字段

（2）类本身的字段（也称为静态字段）

字段有两种级别可访问性：

（1）public：该字段可以在任何地方访问

（2）private：字段只能在类的主体中访问

3.1、公共实例字段

  class SomeClass{

            field1;

            field2 = "Initial value"

        }

对公共字段你的访问或更新没有限制，可以读取构造函数、方法和类外部的公共字段并将其赋值。

3.2、私有实例字段

隐藏对象内部数据的方法是使用私有字段，这些字段只有在它们所属的类中读取和更改，类的外部世界不能直接更改私有字段。

私有字段只能在类的主体中访问。

在字段前面加上#使其成为私有的，每次处理字段时都必须保留前缀#声明它，读取它或修改它。

3.3、公共静态字段

使用特殊的关键字后面跟字段名：如static myStaticField

要访问静态字段，必须使用后跟字段名称的类。

3.4、私有静态字段

要使静态字段成为私有的，只要在字段前面加上#符号：static #myPrivateStaticField

只能在User类中访问，类的外部不会干扰限制机制。

4、方法

方法保存数据，但是修改数据的能力由属于类的一部分特殊功能实现：方法。

JS类同时支持实例和静态方法。

4.1、实例方法

实例方法可以访问和修改实例数据，是来方法可以调用其他实例方法，也可以调用任何静态方法。

方法也可以是私有的，方法名称以#开头即可。

例子：

            class User {

                #name;

                constructor(name) {

                    this.#name = name;

                }

                #getName() {

                    return this.#name;

                }

                nameContains(str) {

                    return this.#getName().includes(str);

                }

                }

                const user = new User('Fundebug');

                user.nameContains('Fun');   // => true

                user.nameContains('Code'); // => false

                user.#getName(); // SyntaxError is thrown

#getName()是一个私有方法。在方法nameContains(str)中，可以这样调用一个私有方法:this.#getName()。

由于是私有的，#getName()不能在用User 类主体之外调用。