当前位置:Gxlcms > JavaScript > JavaScript构造器模式实例分析

JavaScript构造器模式实例分析

时间:2021-07-01 10:21:17 帮助过:4人阅读

本文主要介绍了JavaScript编程设计模式之构造器模式,简单讲述了构造器模式的概念、原理,并结合实例形式分析了构造器模式的定义与使用方法,需要的朋友可以参考下,希望能帮助到大家。

本文实例讲述了JavaScript编程设计模式之构造器模式。分享给大家供大家参考,具体如下:

经典的OOP语言中,构造器(也叫构造函数)是一个用于初始化对象的特殊方法。在JS中,因为一切皆对象,对象构造器经常被提起。

对象构造器用于建立制定类型(Class)的对象,可以接受参数用于初始化对象的属性和方法。

对象建立

在JS中,有三个常用的方法用于建立对象:


但是,这也只是建立了三个空对象, 并没有任何属性和方法。我们可以通过以下四种方法,为对象设立属性和方法。


基本的构造器

我们知道, JS中没有Class的概念,但它也支持用构造器建立对象。

通过使用【new】关键字,我们可以使一个函数的举止类似于构造器,从而建立自己的对象实例。

一个基础的构造器形式如下:


输出结果 console.log( civic.toString() ); console.log( mondeo.toString() );

这就是简单的构造器模式, 它有两个主要问题,

第一,它很难继承;第二,toString()被每一个对象实例定义一遍,作为函数,它应该被每一个Car类型的实例共享。

使用原型的构造器

JS中有一个很好的特性:原型【Prototype】,

利用它,建立对象时,所有构造器原型中的属性都可以被对象实例获得。

这样多个对象实例就可以共享同一个原型。

我们改善前面的Car例子如下:


输出 console.log( civic.toString() ); console.log( mondeo.toString() );

在上面的例子中,toString()方法被多个Car对象实例共享。

相关推荐:

JavaScript设计模式之工厂模式和构造器模式_javascript技巧

Node.js设计模式使用流进行编码

简单介绍js设计模式之结构型享元模式

以上就是JavaScript构造器模式实例分析的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行