写给Java后端的ReactJS快速入门教程-ES6中的class类关键字

简介: 写给Java后端的ReactJS快速入门教程-ES6中的class类关键字

使用 class 声明创建一个基于原型继承的具有给定名称的新类。

class Animal {
    // 和 java 一样,未指定时有默认的空构造器
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}
const a1 = new Animal('狗蛋儿', 3);
console.log(a1);
console.log(a1.name);
console.log(a1.age);

image.png

你也可以使用类表达式定义类。但是不同于类表达式,类声明不允许再次声明已经存在的类,否则将会抛出一个类型错误。

语法

class name [extends] {
  // class body
}

声明一个类

在下面的例子中,我们首先定义一个名为Polygon的类,然后继承它来创建一个名为Square的类。注意,构造函数中使用的 super() 只能在构造函数中使用,并且必须在使用 this 关键字前调用。

class Polygon {
  constructor(height, width) {
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }
}
class Square extends Polygon {
  constructor(length) {
    super(length, length);
    this.name = 'Square';
  }
}

重复定义类

重复声明一个类会引起类型错误。

class Foo {};
class Foo {};
// Uncaught TypeError: Identifier 'Foo' has already been declared

若之前使用类表达式定义了一个类,则再次声明这个类同样会引起类型错误。

let Foo = class {};
class Foo {};
// Uncaught TypeError: Identifier 'Foo' has already been declared

属性

通过new出来的实例,访问到的属性,叫做[实例属性]。

console.log(p1.name)
console.log(p1.age)

[静态属性] :通过构造函数,直接访问到的属性,叫做静态属性。

class Animal {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}
// 静态属性
Animal.info = "sss";

方法

实例方法

定义:


/

Animal.prototype.say = function () {
    console.log('这是动物的实例方法')
}

类的继承

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}
class Chinese extends Person {
}
class America extends Person {
}
const c1 = new Chinese('Java', 18);
const a1 = new America('Edge', 18);
console.log(c1)
console.log(a1)

image.png

子类构造器

观察发现,子类必须调用 super 才可以哦,这在 Java 中也是一样的:如果一个子类通过extends 关键字继承了父类,那么,在子类的constructor 构造函数中,必须优先调用一下super()。

1.png

super是一个函数,而且它是父类的构造器,子类中的super, 其实就是父类中,constructor 构造器的一个引用。

如果只是随便写个调用

class Chinese extends Person {
    constructor() {
        super();
    }
}
const c1 = new Chinese('Java', 18);
console.log(c1)

就会发现未定义

image.png

所以需要这样写:

class Chinese extends Person {
    constructor(name, age) {
        super(name, age);
    }
}

那么如何使用子类独有的字段呢?

class Chinese extends Person {
    constructor(name, age, IDNo) {
        super(name, age);
        this.IDNo = IDNo;
    }
}
const c1 = new Chinese('Java', 18, '123*****');

image.png

目录
相关文章
|
6天前
|
Java 编译器 开发者
Java中的this关键字详解:深入理解与应用
本文深入解析了Java中`this`关键字的多种用法
41 9
|
1月前
|
存储 缓存 Java
Java 并发编程——volatile 关键字解析
本文介绍了Java线程中的`volatile`关键字及其与`synchronized`锁的区别。`volatile`保证了变量的可见性和一定的有序性,但不能保证原子性。它通过内存屏障实现,避免指令重排序,确保线程间数据一致。相比`synchronized`,`volatile`性能更优,适用于简单状态标记和某些特定场景,如单例模式中的双重检查锁定。文中还解释了Java内存模型的基本概念,包括主内存、工作内存及并发编程中的原子性、可见性和有序性。
Java 并发编程——volatile 关键字解析
|
15天前
|
JSON Java 数据挖掘
利用 Java 代码获取淘宝关键字 API 接口
在数字化商业时代,精准把握市场动态与消费者需求是企业成功的关键。淘宝作为中国最大的电商平台之一,其海量数据中蕴含丰富的商业洞察。本文介绍如何通过Java代码高效、合规地获取淘宝关键字API接口数据,帮助商家优化产品布局、制定营销策略。主要内容包括: 1. **淘宝关键字API的价值**:洞察用户需求、优化产品标题与详情、制定营销策略。 2. **获取API接口的步骤**:注册账号、申请权限、搭建Java开发环境、编写调用代码、解析响应数据。 3. **注意事项**:遵守法律法规与平台规则,处理API调用限制。 通过这些步骤,商家可以在激烈的市场竞争中脱颖而出。
|
2月前
|
Java 开发者
在 Java 中,一个类可以实现多个接口吗?
这是 Java 面向对象编程的一个重要特性,它提供了极大的灵活性和扩展性。
179 57
|
1月前
|
JSON Java Apache
Java基础-常用API-Object类
继承是面向对象编程的重要特性,允许从已有类派生新类。Java采用单继承机制,默认所有类继承自Object类。Object类提供了多个常用方法,如`clone()`用于复制对象,`equals()`判断对象是否相等,`hashCode()`计算哈希码,`toString()`返回对象的字符串表示,`wait()`、`notify()`和`notifyAll()`用于线程同步,`finalize()`在对象被垃圾回收时调用。掌握这些方法有助于更好地理解和使用Java中的对象行为。
|
1月前
|
缓存 安全 Java
Java volatile关键字:你真的懂了吗?
`volatile` 是 Java 中的轻量级同步机制,主要用于保证多线程环境下共享变量的可见性和防止指令重排。它确保一个线程对 `volatile` 变量的修改能立即被其他线程看到,但不能保证原子性。典型应用场景包括状态标记、双重检查锁定和安全发布对象等。`volatile` 适用于布尔型、字节型等简单类型及引用类型,不适用于 `long` 和 `double` 类型。与 `synchronized` 不同,`volatile` 不提供互斥性,因此在需要互斥的场景下不能替代 `synchronized`。
2195 3
|
2月前
|
存储 缓存 安全
java 中操作字符串都有哪些类,它们之间有什么区别
Java中操作字符串的类主要有String、StringBuilder和StringBuffer。String是不可变的,每次操作都会生成新对象;StringBuilder和StringBuffer都是可变的,但StringBuilder是非线程安全的,而StringBuffer是线程安全的,因此性能略低。
83 8
|
2月前
|
JavaScript 前端开发 Java
java中的this关键字
欢迎来到我的博客,我是瑞雨溪,一名热爱JavaScript与Vue的大一学生。自学前端2年半,正向全栈进发。若我的文章对你有帮助,欢迎关注,持续更新中!🎉🎉🎉
63 9
|
2月前
|
设计模式 JavaScript 前端开发
java中的static关键字
欢迎来到瑞雨溪的博客,博主是一名热爱JavaScript和Vue的大一学生,致力于全栈开发。如果你从我的文章中受益,欢迎关注我,将持续分享更多优质内容。你的支持是我前进的动力!🎉🎉🎉
63 8
|
20天前
|
监控 Java
java异步判断线程池所有任务是否执行完
通过上述步骤,您可以在Java中实现异步判断线程池所有任务是否执行完毕。这种方法使用了 `CompletionService`来监控任务的完成情况,并通过一个独立线程异步检查所有任务的执行状态。这种设计不仅简洁高效,还能确保在大量任务处理时程序的稳定性和可维护性。希望本文能为您的开发工作提供实用的指导和帮助。
82 17