详解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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
Jan 16 Javascript
jQuery遍历对象、数组、集合实例
Nov 08 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
关于AngularJS中几种Providers的区别总结
May 17 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 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执行速度全攻略(上)
2006/10/09 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
thinkphp框架下实现登录、注册、找回密码功能
2016/04/06 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
javascript 学习之旅 (3)
2009/02/05 Javascript
javascript 一些用法小结
2009/09/11 Javascript
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
如何用webpack4带你实现一个vue的打包的项目
2018/06/20 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
解决小程序无法触发SESSION问题
2020/02/03 Javascript
JS实现百度搜索框
2021/02/25 Javascript
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
python GUI实例学习
2017/11/21 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
PyTorch使用cpu加载模型运算方式
2020/01/13 Python
python 串行执行和并行执行实例
2020/04/30 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
养牛场项目建议书
2014/05/13 职场文书
践行三严三实心得体会
2014/10/13 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL
Innodb存储引擎中的后台线程详解
2022/04/03 MySQL