详解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 相关文章推荐
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
Aug 27 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
jQuery焦点图左右转换效果
Dec 12 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
Dec 20 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
Aug 25 Javascript
解决vue打包项目后刷新404的问题
Mar 06 Javascript
Angular项目如何升级至Angular6步骤全纪录
Sep 03 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 Javascript
解决Vue大括号字符换行踩的坑
Nov 09 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对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
javascript &&和||运算法的另类使用技巧
2009/11/28 Javascript
javascript 数组学习资料收集
2010/04/11 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
JS JSOP跨域请求实例详解
2016/07/04 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
Python解释执行原理分析
2014/08/22 Python
Python实现截屏的函数
2015/07/26 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
python输入中文的实例方法
2020/09/14 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
selenium设置浏览器为headless无头模式(Chrome和Firefox)
2021/01/08 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
机械专业应届毕业生自荐书
2014/06/12 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
归途列车观后感
2015/06/17 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers
前端与RabbitMQ实时消息推送未读消息小红点实现示例
2022/07/23 Java/Android