详解JavaScript中的构造器Constructor模式


Posted in Javascript onJanuary 14, 2016

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

详解JavaScript中的构造器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 相关文章推荐
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
jquery offset函数应用实例
Nov 14 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
Jul 12 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
jquery分割字符串的方法
Jun 24 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
相册展示PhotoSwipe.js插件实现
Aug 25 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
微信小程序新闻网站详情页实例代码
Jan 10 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
Aug 03 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 #Javascript
jQuery遮罩层效果实例分析
Jan 14 #Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 #Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 #Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 #Javascript
jQuery div拖拽用法实例
Jan 14 #Javascript
javascript检测flash插件是否被禁用的方法
Jan 14 #Javascript
You might like
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
DWZ刷新dialog解决方法
2013/03/03 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
2015/12/08 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
python使用socket连接远程服务器的方法
2015/04/29 Python
python实现在sqlite动态创建表的方法
2015/05/08 Python
Python运算符重载用法实例
2015/05/28 Python
Python实现按当前日期(年、月、日)创建多级目录的方法
2018/04/26 Python
python使用多进程的实例详解
2018/09/19 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
python抓取搜狗微信公众号文章
2019/04/01 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
python matplotlib拟合直线的实现
2019/11/19 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
综合测评自我鉴定
2013/10/08 职场文书
法学毕业生自我鉴定
2014/01/31 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
进步之星获奖感言
2014/02/22 职场文书
学习经验演讲稿
2014/05/10 职场文书
安全生产月标语
2014/10/07 职场文书
错误码NET::ERR_CERT_DATE_INVALID证书已过期解决方法?
2022/07/07 数码科技