分享

9、JS | 用对象构造器创建类

 yuxinrong 2023-03-05 发布于安徽

前几节课分享的案例中都是在单个的函数过程中创建一个对象,然后利用对象的属性和方法去解决一些问题,这种对象是一种单一的对象,只能在此过程中使用,而不能被别的函数过程调用

有时候我们需要创建一种“对象类型”,即相同类型的许多对象的“蓝图”,也就是常说的“类”这样的话,当我们在需要一个和此“蓝图”相似的对象时就可以直接调用此蓝图,而不需要每一次都重头开始创建一个完整的对象了。

JS中的类并非对象,而是对象的模板,可以利用类来创建对象。

在JS中,我们可以通过对象构造器函数来创建类。

比如:

图片

上图中是一个名为“Person”的对象构造器函数,利用它即可创建一个类:Person,用大写首字母对构造器函数命名是个好习惯。在构造器函数中,this 是没有值的,它是新对象的替代物。 当一个新对象被创建时,this 的值会成为这个新对象,

通过 new 关键词可以实例化类:

图片

以上就是通过引用Person创建了一个新的myFather对象,运行结果中a为60,b为BillGates。

通过以上的介绍,我们能理解,创建类的目的就是为了以后使用同类型的对象时不需要重头开始创建,只需要直接实例化相关类或者实例化相关类后再根据需要向新对象中添加属性和方法即可。

上例中假如我们还需要向myFathe对象中新添加一些属性,比如:

图片

新属性是被添加到 myFather,不是任何其他 Person 对象或者是Person中。

为已有的对象添加新方法也是一样的道理:

图片
以上代码是为myFather添加了一个name方法。

以上都是对新创建的对象添加属性或方法。

如果要向类中添加属性或者方法,需要在构造器函数中添加,而不是在实例化后的对象中添加。

比如:

图片

案例:定义一个类,作用类似于JS中的Set对象并测试。

图片

本节先分享到这里,祝大家每天都有进步。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多