【前端】Javascript高级篇-ES6中类和对象的三个注意

2020-07-07 11:38:22 浏览数 (1)

文章目录

  • ES6没有变量提升
  • 类中公用属性的使用必须加this.
    • 调用属性,错误实例
    • 调用方法,错误实例
    • 点击按钮-练习this
    • 探究this代表什么
  • 总结

ES6没有变量提升

实例对象的创建,必须先创建类

错误实例

类中公用属性的使用必须加this.

当前实例对象的属性或方法,必须用this指向或调用

调用属性,错误实例

调用方法,错误实例

加this.

点击按钮-练习this

注意sing没加(),因为需要的效果是点击后才调用

为什么没输出名字?思考一下

探究this代表什么

true

this,指的就是类所创建的实例对象

dance的this指向的调用者,刘德华

sing指向的是调用的点击btn

因为点击事件调用者,不存在uname,所以为空

如果非要sing打印uname

总结

如果想在调用实例对象,但this指向不是实例,可以先保存var that = this

0 人点赞