带你了解js类的写法,es6必备技巧

JS类是一种面向对象的编程方式,它允许我们创建具有相似属性和方法的对象。下面是JS类的一些常用方法及其详细讲解:

1.constructor()方法:构造函数,用于创建类的实例对象。

class Person {
    
    
  constructor(name, age) {
    
    
    this.name = name;
    this.age = age;
  }
}

var person = new Person('Tom', 18);
console.log(person.name); // 'Tom'
console.log(person.age); // 18

2.static方法:静态方法,用于在类上定义一个静态方法。

class Person {
    
    
  static sayHello() {
    
    
    console.log('Hello');
  }
}
Person.sayHello(); // 'Hello'

3.prototype方法:原型方法,用于在类的原型上定义一个方法。

class Person {
    
    
  sayHello() {
    
    
    console.log('Hello');
  }
}
var person = new Person();
person.sayHello(); // 'Hello'

4.extends关键字:继承关键字,用于创建一个子类。

class Animal {
    
    
  constructor(name) {
    
    
    this.name = name;
  }
  sayName() {
    
    
    console.log(this.name);
  }
}

class Dog extends Animal {
    
    
  constructor(name, breed) {
    
    
    super(name);
    this.breed = breed;
  }
  bark() {
    
    
    console.log('Woof!');
  }
}
var dog = new Dog('Fido', 'Labrador');
dog.sayName(); // 'Fido'
dog.bark(); // 'Woof!'

猜你喜欢

转载自blog.csdn.net/weixin_45506717/article/details/130879305
今日推荐