详解JavaScript中的构造器Constructor模式

 更新时间:2016年01月14日 14:15:30   作者:_lu  
构造器Constructor不能被继承,因此不能重写Overriding,但可以被重载Overloading。通过本文给大家分享JavaScript中的构造器Constructor模式,对构造器constructor相关知识感兴趣的朋友一起学习吧

构造器模式简单描述(看图):

构造器Constructor不能被继承,因此不能重写Overriding,但可以被重载Overloading。构造器用于创建特定类型对象——准备好对象以备使用,同时接收构造器可以使用的参数,以在第一次创建对象时,设置成员属性和方法的值

1、创建对象

新对象创建的两种方法

var newObject={};
var newObject=new object();//object 构造器的简洁记法

2、基本Constructor

Javascript不支持类的情况下对象与Constructor,通过new关键字实例化一个对象,代码大概是这样的

function Car(model,year,miles){
this.model=model;
this.year=year;
this.miles=miles;
this.toString=function()
{
return this.model+"has done"+this.miles+"miles";
};
};
//用法
//可以创建car新实例
var civic=new Car("Hona Civic",2009,2000);
var mondeo=new Car("Ford Mondeo",2010,5000);
console.log(civic.toString());
console.log(mondeo.toString());

3、带原型的Constructor

JavaScript 有prototype属性。及调用JavaScript构造器创建一个对象后,新对象就会具有构造器原型的所有属性。同过这种方式,可以创建多个Car对象(访问相同的原型)

funcion() Ca(model,year,miles){
this.model=model;
this.year=year;
this.miles=miles;
//注意使用Object.prototype.newMethod 而不是Object.prototype是为了重新定义prototype对象
Car.prototype.toString=function(){
return this.model+"Has done" +this.miles+"miles";
};
};
//用法
var civic=new Car("Honda Civic",2009,20000);
var momdeo=new Car("Ford Mondeo",2010,5000);
console.log(civic.toString());
console.log(mondeo.toString());

现在toString()的单一实例就能够在所有Car对象之间共享了

下面给大家分享构造器constructor在实际项目中易错的题

class A {
public int Avar;
public A() {
System.out.println("AAA");
doSomething();
}
public void doSomething() {
Avar = 1111;
System.out.println("A.doSomething()");
}
}
public class B extends A {
public int Bvar = 2222;
public B() {
System.out.println("BBB");
doSomething();
System.out.println("Avar=" + Avar);
}
public void doSomething() {
System.out.println("Bvar=" + Bvar);
}
public static void main(String[] args) {
new B();
}
}

顺序是这样得,首先生成B就得先生成A,所以调用A的构造器,输出AAA,然后调用方法dosomething,注意:A的该方法被B覆盖,而你生成的是B的对象,所以它调用B的方法,由于BVAR目前没有给定值,所以自动初始化为0;

然后生成B对象,先初始化变量BVAR,然后调用构造器输出BBB,然后调用方法,这时BVAR已初始化,所以输出BVAR=2222,而对象A中变量AVAR由于没有调用对象A的方法dosomething,所以其值为0,则输出0

全部输出就如下:

AAA
Bvar=0
BBB
Bvar=2222
Avar=0

注意:初始化顺序,当继承时,先生成超类对象,生成对象时,先生成静态变量,然后是一般变量,然后调用构造器!当所有超类对象生成后,生成本对象,顺序一样! 当方法被覆盖时,调用目前对象的方法!这得注意。

相关文章

  • 在Javascript中使用DTO的示例详解

    在Javascript中使用DTO的示例详解

    在我们讨论实际实现之前,让我们先介绍一下DTO,它的含义是什么,何时使用以及 javascript/nodejs 项目中对它的真正需求,需要的朋友可以参考下
    2023-12-12
  • 详细聊聊JavaScript是如何影响DOM树构建的

    详细聊聊JavaScript是如何影响DOM树构建的

    DOM (Document Object Model) 的全称是文档对象模型,它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,这篇文章主要给大家介绍了关于JavaScript是如何影响DOM树构建的相关资料,需要的朋友可以参考下
    2021-08-08
  • uniapp微信小程序自定义导航栏的全过程

    uniapp微信小程序自定义导航栏的全过程

    最近一直在学习uni-app开发,由于uniapp是基于vue.js技术开发的,所以下面这篇文章主要给大家介绍了关于uniapp微信小程序自定义导航栏的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • JavaScript 数据结构之集合创建(1)

    JavaScript 数据结构之集合创建(1)

    这篇文章主要介绍了JavaScript 数据结构之集合创建,集合是由一组无序且唯一的元素组成。数据结构中的集合,对应的是数学概念当中的有限集合;下文详细介绍需要的小伙伴可以参考一下
    2022-04-04
  • JS文件上传时如何使用MD5加密

    JS文件上传时如何使用MD5加密

    这篇文章主要介绍了JS文件上传时如何使用MD5加密,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • 用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载

    用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载

    用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载...
    2007-08-08
  • ionic环境配置及问题详解

    ionic环境配置及问题详解

    这篇文章主要为大家详细介绍了ionic环境配置及问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 面试中常考的JavaScript中简单类型数据转换盘点

    面试中常考的JavaScript中简单类型数据转换盘点

    我们都知道,JS是弱类型语言,变量的类型是可以改变的,本文我们只讨论es6之前的简单数据类型的显示转换String,Number,Boolean这3种,有需要的可以参考下
    2024-12-12
  • JS赋值、浅拷贝和深拷贝(数组和对象的深浅拷贝)实例详解

    JS赋值、浅拷贝和深拷贝(数组和对象的深浅拷贝)实例详解

    这篇文章主要介绍了JS赋值、浅拷贝和深拷贝,结合实例形式总结分析了JavaScript数组和对象的深浅拷贝相关概念、原理、操作技巧与使用注意事项,需要的朋友可以参考下
    2020-03-03
  • vue+ts下对axios的封装实现

    vue+ts下对axios的封装实现

    这篇文章主要介绍了vue+ts下对axios的封装实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02

最新评论