当前位置：首页 > news >正文

威海seo网站推广网站数据库问题

news 2025/9/18 1:31:13

威海seo网站推广,网站数据库问题,seo技巧与技术,石家庄网站建设技术支持目录 ES6的类类的概念类的构成类的创建声明构造函数定义内容创建实例 TS中的类类声明构造函数属性和方法实例化类继承访问修饰符 public private protected 成员访问修饰符的使用原则访问器只读成员与静态成员 readonly static 修饰符总…

ES6的类

类的概念

类的构成

类的创建

声明

构造函数

定义内容

创建实例

TS中的类

类声明

构造函数

属性和方法

实例化类

继承

访问修饰符

public

private

protected

成员访问修饰符的使用原则

访问器

只读成员与静态成员

readonly

static

修饰符总结

首先要理解ES6中的类

ES6的类

类的概念

在 ES6 中，类是引入的一种新的语言特性，用于实现面向对象编程的概念。类是一种模板，用于创建具有相同属性和方法的对象。可以使用 class 关键字声明一个类

类由类名、构造函数（constructor）和类方法（methods）组成。类名可以是任何有效的标识符，构造函数由 constructor 关键字和函数体组成，类方法可以包括任何有效的函数代码。

当创建对象实例时，构造函数会被自动调用。类方法可以通过对象实例来调用，

类具有以下特性：

继承（Inheritance）：子类可以继承父类的属性和方法。
封装（Encapsulation）：通过使用访问修饰符（public、private、protected）来限制对象属性的访问权限。
多态（Polymorphism）：同一类型的对象可以具有不同的表现形式。

ES6 中的类是基于原型链实现的，实质上仍然是以函数的形式存在，只是语法简洁了许多，更接近于其他 OOP 语言的实现方式，使得 JS 的面向对象编程更加直观和易于维护。

类的构成

一个类由以下几个组成部分构成：

1. 类名（Class Name）：类名用于标识类的名称，通常采用首字母大写的驼峰命名规则。

2. 构造函数（Constructor）：构造函数是类中的一种特殊方法，用于初始化对象的属性。构造函数使用 `constructor` 关键字定义，在创建类的实例时被自动调用。

3. 属性（Properties）：类的属性用于描述类对象的状态。属性可以是类内部的数据，也可以是直接定义在类上的静态属性。在类中定义属性时，可以使用访问修饰符（public、private、protected）来限制属性的访问权限。

4. 方法（Methods）：类的方法被用于定义对象的行为。方法定义在类的内部，可以通过类的实例来调用。方法可以是类的实例方法，也可以是类上的静态方法。

5. 继承（Inheritance）：通过继承，一个类可以派生出子类，并从父类继承属性和方法。子类可以覆盖父类的方法或添加新的属性和方法。

6. 访问修饰符（Access Modifiers）：访问修饰符用于控制类的成员的访问权限。ES6 提供了三种访问修饰符：public、private 和 protected。public 表示公开的，可以在类的内部和外部访问；private 表示私有的，只能在类的内部访问；protected 表示受保护的，可以在类的内部和派生类中访问。

类是面向对象编程的核心概念，它提供了一种结构化的方式来组织代码，并且使代码更具可维护性和可扩展性。

类的创建

在 ES6 中，创建一个类的基本语法是使用 class 关键字，然后定义类名和类的内容。以下是创建类的一般步骤：

声明

使用 class 关键字声明一个类，并给类取一个合适的名称：

class ClassName {// 类的内容
}

构造函数

在类的内部定义构造函数（constructor）：构造函数用于初始化对象的属性，在创建类的实例时自动调用。构造函数使用 constructor 关键字声明，可以接受参数用于初始化属性：

class ClassName {constructor(param1, param2) {// 构造函数的代码this.property1 = param1;this.property2 = param2;}
}

定义内容

在类的内部定义其他方法：除了构造函数外，你可以在类的内部定义其他方法，用于描述对象的行为。方法的定义与普通函数类似，不过不需要使用 function 关键字：

class ClassName {constructor(param1, param2) {// 构造函数的代码this.property1 = param1;this.property2 = param2;}method1() {// 方法代码}method2() {// 方法代码}
}

创建实例

使用 new 关键字创建类的实例：通过 new 关键字后跟类名，可以创建类的一个实例：

const instance = new ClassName(param1, param2);

这样就创建了一个类的实例，可以使用实例对象来调用类的方法和访问属性。

以上是创建一个简单的类的步骤，你可以根据需要在类中添加更多的属性和方法。同时还可以使用继承等特性来进行功能的扩展。

TS中的类

在 TypeScript 中，类（Class）是面向对象编程的基本概念之一，用于创建对象并定义对象的属性和方法。它提供了一种结构化的方式来组织代码和数据，并支持面向对象的特性，如继承、封装和多态。

类声明

使用 class 关键字声明一个类，并给类取一个合适的名称。

class ClassName {// 类的内容
}

构造函数

类可以定义一个特殊的方法叫做构造函数（constructor），用于初始化对象的属性。构造函数在创建类的实例时自动调用，并且可以接受参数用于初始化属性。

class ClassName {constructor(param1: Type, param2: Type) {// 构造函数的代码this.property1 = param1;this.property2 = param2;}
}

属性和方法

类可以定义属性和方法来描述对象的属性和行为。属性可以存储数据，而方法定义了对象可以执行的操作。属性和方法的声明语法与 JavaScript 类似。

class Person {// 声明  属性name:string;age:number;// 通过构造函数对属性进行初始化constructor(name:string, age:number) {this.name = name;  //this指的是当前person实例this.age = age;}showName() {console.log(this.name);}showAge() {console.log(this.age)}
}let p = new Person('zs', 20);
p.showName();

实例化类

通过 new 关键字后跟类名，可以创建类的一个实例。实例化类时，会自动调用构造函数。

const instance = new ClassName(value1, value2);

继承

类支持继承机制，子类可以继承父类的属性和方法，并可以添加自己的属性和方法。使用 extends 关键字实现继承关系。

super关键字

super 关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数，也可以调用父类的普通函数

子类的特有属性在super后

class Person { // 父类uname:string;constructor(uname:string){this.uname = uname;} 
}
class Student extends Person { // 子类继承父类age:number;constructor(uname:string,age:number){super(uname); // 调用父类的constructor(uname)this.age = age; // 定义子类独有的属性} 
}

访问修饰符

在 TypeScript 中，访问修饰符是用于限制类成员（属性和方法）访问权限的关键字。它们可以控制外部代码对类成员的访问级别，提供了封装和信息隐藏的特性。TypeScript 提供了三种访问修饰符：public、private 和 protected。

默认情况下，类成员是 public 的（可以被任何地方访问）。

private 成员只能在类内部访问

protected 成员可以在类及其子类中访问。

public

默认的访问修饰符，即使不显式指定访问修饰符，类成员也会被认定为 public。public 成员可以在类内部、子类和类的外部被访问。

class Person {// 属性public name:string;// age也是公有属性，没加public默认就是public  age:number;// 通过构造函数对属性进行初始化constructor(name:string, age:number) {this.name = name;this.age = age;}showName() {console.log(this.name);}showAge() {console.log(this.age)}
}let p = new Person('zs', 20);
console.log(p.name) // zs
p.name = 'lisi';
console.log(p.name) // lisi

private

private 访问修饰符用于限制成员只能在类内部访问，无法在类的外部或子类中进行访问。

class Person {// 属性private age:number = 20;showAge() {console.log(this.age)}
}let p = new Person();
console.log(p.age) // error: Property 'age' is private and only accessible within class 'Person'

protected

protected 访问修饰符限制成员可以在类内部和子类中访问，但不能在类的外部进行访问。

成员访问修饰符的使用原则

最小化原则，能用private的绝对不用public和protected
我们最好把所有的属性都设置为私有属性，方法可以是公有的
如果确实需要在类的外部访问类内部的属性，那么我们也是以方法的形式访问我们类内部的属性，而不是直接访问

访问器

在ts中为我们提供了访问器，可以使我们更加方便的访问类内部的属性

class Person {private _name:string;age:number;constructor(name:string,age:number){this._name = name; //this指的是当前person实例this.age = age //给name和age属性赋值，赋值前要先声明}showName(){console.log(this._name);}get name(){  //通过get访问器来获取name的值return this._name}set name(value:string){  //通过set访问器来获取name的值this._name = value}}const y = new Person('uu',80)
console.log(y.name);   // =>'uu'
y.name='ww'
console.log(y.name); // =>'ww'
y.showName()  // =>'ww'

只读成员与静态成员

只读成员：在类的成员前面加上readonly，那么这个成员就属于只读成员
静态成员：在类的成员前面加上static，那么这个成员就属于静态成员。静态成员只有类才可以访问。
实例成员：实例成员就是只有类的实例才能够访问的成员

readonly

只能在声明属性的时候进行赋值，或者在constructor构造函数中进行赋值

// 有什么用----设计图纸
class Person {readonly name:string; // 静态成员// 构造函数constructor(name:string) {this.name = name;}// 方法(函数)showName() {// 在函数中要项访问属性的话，必须在属性前面加上thisconsole.log(this.name)}
}// 把类进行实例化
let p = new Person('zs')console.log(p.name)

static

静态成员

class Person {readonly name:string;  //只读，在类内部也不能修改age:number; static height :number //静态成员，只能在类内部访问属性和方法，实例不可以constructor(name:string,age:number,height:number){this.name = name; this.age = age Person.height=height  //静态成员}showName(){console.log(this.name);}   }const p = new Person('aa',20,180)console.log(Person.height);

如果使用this访问，会出现以下提示

修饰符总结

只读修改符readonly和静态修饰符static可以混用，但是必须是先是static再是readonly
成员修饰符(public、private、protected)和只读修饰符readonly、静态修饰符static混用，必须是成员修饰符在前，只读修饰符和静态修饰符在后
成员修饰符之间不能用混用