JS 中的构造函数和类

91 阅读1分钟

《JS 中的构造函数和类》

今天简单总结一下JS中的构造函数和类的推荐写法。

构造函数

创建一个名为Person的构造函数 截屏2023-02-12 20.53.55.png 自有属性:所有Person函数构造出来的实例对象自身拥有的属性/方法,对应的实参是实例对象自身的;

共有属性:是在Person.prototype中的属性/方法。是所有Person实例对象的隐藏属性。

注意:自有属性不一定都是非函数的,共有属性也不一定全是函数; 箭头函数不能做构造函数,因为它不支持this,也不自带prototype

创建实例对象 截屏2023-02-12 21.09.52.png 注意创建时候要使用到new关键字; 使用new关键字的好处:

  • 帮你创建一个新对象
  • 帮你准备Person的共有属性
  • 帮你关联隐藏属性与共有属性
  • 帮你return新对象

查看一下结果 截屏2023-02-12 21.11.51.png

class

截屏2023-02-12 21.13.21.png

值得注意的是,class写法不能在共有属性上写出一个非函数属性,除非使用static关键字——定义静态方法; 静态方法只能通过类本身来调用; 可以定义静态属性static staticProperty = 'someValue'和静态方法static staticMethod() {}