类的作用
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()