class @修饰符

最新推荐文章于 2023-05-31 10:31:14 发布

1102225556

最新推荐文章于 2023-05-31 10:31:14 发布

阅读量168

点赞数

本文链接：https://blog.csdn.net/cdxgg1102225556/article/details/115769355

版权

这篇博客探讨了JavaScript中的类继承，展示了如何使用`super`关键字调用父类的静态和实例方法。同时，文章介绍了JavaScript装饰器的概念，并通过一个例子展示了如何使用装饰器为类添加新属性。

摘要由CSDN通过智能技术生成

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
class Person {
static pop = ‘我是父类的静态方法’
constructor(username,age){
this.username = username
this.age = age
}
each(){
console.log(this.username,this.age) //王瑞康 12
}
}
class Zs extends Person{
constructor(username,age) {
super(username,age)
}
static X0 (){
console.log(super.pop,‘X0’) // 我是父类的静态方法 X0
}
X1 (){
console.log(super.constructor.pop,‘X1’) //我是父类的静态方法 X1
}
}
const zs = new Zs(‘王瑞康’,12)
zs.each()

        Zs.X0()
        
        zs.X1()
        console.log(zs.__proto__ === Zs.prototype)    //true
        console.log(zs.__proto__ === Person.prototype)//false
        console.log(Zs.prototype instanceof Person)   //true
        console.log(zs === Zs)                        //false
        
        //装饰器
        
        // function method (target) {
        //     target.bbb = '玛德'
        // }
        // @method 
        // class po {}
        // console.log(po.bbb,11)
        使用了之后在po类中就有了 bbb的属性