class类基本用法


一、声明类

代码如下(示例):

 class Animal {
        constructor(name, age) {
            this.name = name
            this.age = age
            this.eat = function () {
                //    this指向实例化对象
                console.log(this);
            }
        }

二、自定义方法 this指向实例化对象

代码如下(示例):

 getName() {
            console.log();
        }

        setName(values) {
            console.log(values);
            console.log(this.name);
        }

三、 静态方法: this指向当前类 必须通过类调用

代码如下(示例):


        static getAge() {
            console.log(this);
       }
       Animal.getAge()

四、 ES6使用extends关键字来实现子类继承

代码如下(示例):

 
    class Dog extends Animal {
        constructor(name, age, color) {
            // this.name = name
            // this.age = age
            // 继承关键字 super
            super(name, age)
            this.color = color
        }
        getNameDog() {
            super.getName()
        }
    }
    var dog = new Dog('旺财', 2, 'black')
    console.log(dog);
    console.log(dog.name);
    dog.eat()
    // dog.getName()
    dog.getNameDog()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 JavaScript 中,`class` 是一种创建对象的模板或蓝图,用于定义对象的属性和方法。以下是 `class` 类的基本用法: 1. 定义类: ```javascript class MyClass { constructor() { // 构造函数,用于初始化对象实例 } method1() { // 定义类的方法 } method2() { // 定义另一个类的方法 } } ``` 使用 `class` 关键字定义一个类,并在类内部定义构造函数和其他方法。构造函数使用 `constructor` 关键字定义,用于初始化对象实例。其他方法则直接在类内部定义,不需要使用关键字。 2. 创建对象实例: ```javascript const myObj = new MyClass(); ``` 使用 `new` 关键字和类名来创建对象实例。可以像调用普通函数一样调用类来创建新的对象。 3. 调用对象方法: ```javascript myObj.method1(); myObj.method2(); ``` 通过对象实例使用点 `.` 语法调用类中定义的方法。 4. 类的继承: ```javascript class ChildClass extends ParentClass { constructor() { super(); // 子类构造函数的初始化 } childMethod() { // 子类独有的方法 } } ``` 使用 `extends` 关键字实现类的继承。子类可以继承父类的属性和方法,并添加自己特有的属性和方法。在子类的构造函数中,需要使用 `super()` 调用父类的构造函数。 这些是 `class` 类的基本用法。通过定义类,可以创建多个对象实例,并共享类的属性和方法。类还允许使用继承机制,实现类的层次结构和代码重用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值