JS高级面向对象和类

面向对象和类

image.png

image.png

image.png

image.png

类的创建

image.png

image.png

image.png

image.png

image.png

image.png

继承

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

子类继承父类后，在自己中类中扩展方法

image.png

image.png

image.png

image.png

类和对象的注意事项

image.png

image.png

此时 this.sing 不要加小括号！ 加括号是直接调用，我们希望点击按钮才调用！

this的指向问题

image.png

image.png

sing()

image.png

所以在sing()中 this.uname 指向undefined 因为此时this是btn， btn没有uname

如果想输出name怎么办！？？？ 使用that。 因为我们已经把this赋值给that全局变量了！

image.png

完整代码

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

静态成员和实例成员

image.png

image.png

image.png

构造函数的问题 -- 浪费内存

image.png

image.png

image.png

image.png

原型对象-对象原型

image.png

image.png

constructor

image.png

image.png

image.png

image.png