【JavaScript】【笔记】JavaScript类的初步学习

JavaScript之类的初步学习

JavaScript 的类是一种用于创建对象的蓝图或模板，它定义了对象的属性和方法。类提供了一种组织和封装相关数据和功能的方式，有助于代码的可维护性和可重用性。以下是一些类的作用：

一、封装数据和功能：

类允许将相关的数据和功能封装在一个对象中。通过定义类的属性和方法，可以将相关的代码组织在一起，提高代码的可读性和可维护性。

二、创建多个对象：

类可以用来创建多个具有可以创建多个对象并分别操作它们。并可以添加自己的特定功能。这种继承关系还支持多态，即子类对象可以替代父类对象的使用。

三、代码重用：

类提供了一种代码重用的机制。当多个对象需要共享相同的属性和方法时，可以使用类来定义这些共享的部分，私有（private）和受保护（protected）等访问修饰符来控制属性和方法的访问只暴露必要的接口给外部使用。

使用示例：

class example {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
}

以上实例创建了一个类，名为 “Runoob”。
类中初始化了两个属性： “name” 和 “url”。

class example {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
}
 
let site = new Runoob("GalaxyShines",  "https://github.com/GalaxyShines");

创建对象时会自动调用构造函数方法constructor

类表达式：

类表达式是定义类的另一种方法。类表达式可以命名或不命名。命名类表达式的名称是该类体的局部名称。

示例：

// 未命名/匿名类
let Runoob = class {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
};
console.log(Runoob.name);
// output: "Runoob"
 
// 命名类
let Runoob = class Runoob2 {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
};
console.log(Runoob.name);
// 输出: "Runoob2"

构造方法：
构造方法是一种特殊的方法
构造方法名为 constructor()。
构造方法在创建新对象时会自动执行。
构造方法用于初始化对象属性。
如果不定义构造方法，JavaScript 会自动添加一个空的构造方法。

【未完待续】