JS如何实现类?

118 阅读1分钟

类的作用

Js的类语法:

  • 请使用关键字class创建一个类;
  • 请添加一个名为constructor()的方法;
class ClassName{
constructor{....}
}

实例

class  Car {
 constructor(name,year){
 this.name = name
 this.year = year
 }

}
  • this指的是对象的所有者,Car 上面的例子创建了一个名为 "Car" 的类。

该类有两个初始属性:"name" 和 "year"。

JavaScript 类不是对象。

它是 JavaScript 对象的模板

使用类

当您有了一个类时,可以使用该类来创建对象:

实例

<script>
class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
}
const myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML =
myCar.name + " " + myCar.year;
</script>
function Dog(name){
this.name = name
this.legsNumber = 4 
} Dog.prototype.kind = '狗' 
Dog.prototype.say = function(){
console.log(`汪 汪汪~ 我是${this.name},我有${this.legsNumber}条腿。`) 
} Dog.prototype.run = function(){ 
console.log(`${this.legsNumber}条腿跑起来。`) 
} const d1 = new Dog('啸天') 
// Dog 函数就是一个类 d1.say()
class Dog {
kind = '狗' 
// 等价于在 constructor 里写 this.kind = '狗' 
constructor(name) { 
this.name = name 
this.legsNumber = 4
// 思考:kind 放 在哪,放在哪都无法实现上面的一样的效果
} say(){
console.log(`汪汪汪~ 我是 ${this.name},我有${this.legsNumber}条腿。`) } run(){ 
console.log(`${this.legsNumber}条腿跑起来。`) } 
} const d1 = new Dog('啸 天') d1.say()