JavaScript中的构造函数
目录:
- constructor & prototype
- 为构造函数添加属性和方法的多种不同方法
- 组合使用this和prototype关键字创建构造函数(常用方法)
- 用对象直接量作为构造函数的参数
- 方法的链式调用
- 继承:JavaScript中通过对象的原型链实现原型继承
- 多态:将某个方法替换为一个同名的功能类似的方法,只是做了针对性的改变。只需要重写一个函数并给它和原方法相同的方法即可
- JavaScript函数的apply和call方法
- JavaScript函数的apply和call方法(待完善)
- 公有、私有以及受保护的属性和方法
1.constructor & prototype
function Accom(){}; //创建一个构造函数
//创建两个对象
var house=new Accom();
var apartment=new Accom();
通过构造函数创建的对象有一个属性constructor,这个属性指向创建该对象时所用的Javascript构造函数。
house.constructor===Accom; 或者 house instanceof Accom; //true
JavaScript中的每个构造函数都有一个prototype的属性,这个属性指向一个对象。当用关键字new来创建一个对象实例时,实例中所包含的属性和方法都来自prototype所指向的这个对象
2.为构造函数添加属性和方法的多种不同方法
function Accom(){};
Accom.prototype={
share: false,
unlock: function(){}
}; //通过对象直接量为构造函数添加属性和方法
Accom.prototype.rooms=5; //通过protype关键字添加属性
Accom.prototype.lock=function(){}; //通过protype关键字添加方法
在所有嵌套函数中都可以访问定义在其父函数中的变量
3.组合使用this和prototype关键字创建构造函数(常用方法)
一般用this关键字来初始化那些希望在对象创建时进行初始化的属性,而用prototype设置其他属性以及对象的方法。每次通过构造器创建一个新的对象实例,构造函数都会被执行一次,而通过prototype关键字来定义只需要定义一次。
function Accom(floors,rooms){
this.floors=floors||0; //设置默认值0
this.rooms=rooms||7; //设置默认值7
}
Accom.prototype.isLocked=false;
Accom.prototype.lock=function(){
this.isLock=true;
}; var house=new Accom(2,5); //实例化类
4.用对象直接量作为构造函数的参数
当类的规模越来越大时给对象实例的属性设置初始值比较麻烦,可以用对象直接量
function Accom(defaults){
defaults=defaults||{} //如果没有传入值默认为空的对象直接量
//如果defaults对象含有某个属性,就将实例对象中同名属性的值设为defaults提供的值,否则设为默认值
this.floors=defaults.floors||0;
this.rooms=defaults.rooms||0;
} Accom.prototype.isLock=false;
Accom.prototype.lock=function(){
this.isLock=true;
} //实例化一个对象
var house=new Accom({
floors:2,
rooms:7
});
5.方法的链式调用
只需要在“类”中的每个方法最后通过this关键字返回对象实例的引用就可以实现链式调用
function Accom(){}
Accom.prototype.lock=function(){
this.isLocked=false;
return this; //通过返回上下文返回的是调用这个函数的对象,这个对象包含所有的方法,因此可以在本方法后调用其他方法
}; Accom.prototype.alarm=function(){
alert("Sounding alarm!");
return this;
}; var house=new Accom(); house.lock().alarm(); //实现链式调用
6.继承:JavaScript中通过对象的原型链实现原型继承
function Accom(){
this.isLocked=false;
this.isAlarmed=false;
} //父类
Accom.prototype.lock=function(){
this.islocked=true;
};
Accom.prototype.unlock=function(){}; function House(defaults){
defaults=defaults||{};
this.floors=2;
this.rooms=defaults.rooms||7;
} //将House类的原型设为Accom类的一个实例,这个实例包含其所有属性和方法,然后传递给House类的原型
House.prototype=new Accom(); House.prototype.constructor=House; //上一步传递给House过程constructor的值也被复制,需要重设constructor使其指向新的子类 var myHouse=new House;
myHouse.lock(); //继承了Accom的方法
alert(myHouse instanceof Accom); //true,因为House继承自Accom
7.多态:将某个方法替换为一个同名的功能类似的方法,只是做了针对性的改变。只需要重写一个函数并给它和原方法相同的方法即可。
//上面的例子中,针对House类重定义lock方法,即多态
House.prototype.lock=function(){
//通过call方法将上下文传递给父类Accom的lock方法,从而确保lock方法中任何对this的引用都指向当前这个House的对象实例
Accom.prototype.lock.call(this);
alert(this.isLocked); //true,说明调用正确
}
8.JavaScript函数的apply和call方法。call和apply区别在于,使用apply时,所有参数都放在一个单独数组中,而call中参数依次列出用逗号隔开。
function Accom(){
this.isAlarmed=false;
} //定义一个类 var Alarm={
arm: function(message){
this.isAlarmed=true;
alert(message);
}
}; //创建一个对象,其方法可以被代码中其他对象所使用 var myHouse=new Accom(); Alarm.arm.call(myHouse,"Alarm activated"); //通过call将对象实例myHouse上下文传入arm函数 alert(myHouse.isAlarmed); //true,改变了
9.arguments对象 依次包含了传入函数的各个参数的一个数组,该数组不具备标准数组的其他方法(例如排序)
使用函数apply方法时,arguments就可以体现其价值,因为apply方法将所有参数放入一个数组内进行传递。
10.公有、私有以及受保护的属性和方法
var Accom=(function(){
function Accom(){};
//此处定义为私有变量
var _isLocked=false,_alarmMessage="Alarm activated!";
//在当前作用域上定义的函数(而未在构造函数原型删定义)为“私有的”
function _alarm(){
_isLocked=true;
alert(_alarmMessage);
} //所有在原型上定义的方法为公有的,此处可以访问私有方法和变量
Accom.prototype.lock=function(){
_isLocked=false;
_alarm();
}; //定义一个函数对私有变量进行只读访问
Accom.prototype.getIsLocked=function(){
return _isLocked;
}; //定义一个函数对私有变量进行只写访问
Accom.prototype.setAlarmMessage=function(message){
_alarmMessage=message;
}; //返回这个作用域中的类,使之在外层作用域中可用
return Accom;
}()); var house=new Accom();
house.lock(); //弹出警告消息 “Alarm activated”
house.alarm(); //错误!_alarm函数从未被公开
JavaScript中的构造函数的更多相关文章
- JavaScript中的构造函数和工厂函数说明
在cnblog上看到一篇文章,讲解JS中的构造函数和工厂函数,觉得讲的真好 JavaScript中的工厂函数和构造函数都能用来创建一个对象,我们可以来看看下面的例子 构造函数 function cre ...
- JavaScript中的构造函数和原型!
JavaScript中的原型! 原型的内容是涉及到JavaScript中的构造函数的 每一个构造函数都有一个原型对象!prototype 他的作用是 共享方法!还可以扩展内置对象[对原来的内置对象进行 ...
- JavaScript中以构造函数的方式调用函数
转自:http://www.cnblogs.com/Saints/p/6012188.html 构造器函数(Constructor functions)的定义和任何其它函数一样,我们可以使用函数声明. ...
- JavaScript中的构造函数 renturn
javascript中构造函数是不需要有返回值的,但是如果其中添加了 return 语句结果会如何呢: 看如下代码: 示例1. var Calculator = function () { retur ...
- JavaScript 中的构造函数
典型的面向对象编程语言(比如C++和Java),存在“类”(class)这个概念.所谓“类”就是对象的模板,对象就是“类”的实例.但是,在JavaScript语言的对象体系,不是基于“类”的,而是基于 ...
- 关于javascript中的构造函数和普通函数探索 [转]
这是第一篇关于javascript模块的文章,在javascript入门的目录下,主要是记录一些对网上精彩的js研读碰到的疑惑,并做一些实验和探索 关于js中的对象和方法的定义博主感到非常的迷惑.针对 ...
- javascript中的构造函数和继承
1.第一节 使用工厂模式创建一个构造函数CreatePerson function CreatePerson(name,sex){//构造函数:用于构造对象 可以说在js里类就是构造函数 //1.原料 ...
- javascript中的构造函数和原型及原型链
纯属个人理解,有错误的地方希望大牛指出,以免误人子弟 1.构造函数: 构造函数的作用 : 初始化由new创建出来的对象 new 的作用: 创建对象(空对象) new 后面跟的是函数调用,使用ne ...
- JavaScript中的普通函数和构造函数
在写JavaScript代码过程中,用到需要写构造函数的地方不多,但还是需要详细了解一下 本文尽量描述清楚什么是JavaScript中的构造函数,以及普通函数和构造函数的区别
随机推荐
- 【转】使用Navicat for Oracle新建表空间、用户及权限赋予
首先.我们来新建一个表空间.打开Navicat for Oracle,输入相关的的连接信息.如下图: 填入正确的信息,连接后.我们点击面板上的“其他”下的选项“表空间”,如下图: 进入表空间的界面,我 ...
- [C++]KMP算法实现
KMP算法说明:http://zh.wikipedia.org/wiki/%E5%85%8B%E5%8A%AA%E6%96%AF-%E8%8E%AB%E9%87%8C%E6%96%AF-%E6%99% ...
- Euclid gcd规则的证明
Euclid 规则:如果x和y都是正整数,而且x>=y,那么gcd(x,y)=gcd(x mod y, y) 假设x和y的gcd为a,那么必然有 x=a*n1 y=a*n2(gcd(n1,n2) ...
- HTML DOM 属性记录
将HTML DOM中几个容易常用的属性做下记录,需要的朋友可以参考下. nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点 ...
- Facebook React Native 配置小结
2015 年 9 月 15 号,React Native for Android 发布.至此,React 基本完成了对多端的支持.基于 React / React Native 可以: H5, And ...
- Zend Studio错误总结
1.在升级了wampserver之后,用zendstudio发现很多地方都出错了,这时候一般先要project-clean一下,然后到run 和 debug的configuration里面把除了stu ...
- struts中简单的校验
Struts中简单的校验 “计应134(实验班) 凌豪” Struts2校验简要说明:struts2中通常情况下,类型转换要在数据校验之前进行.类型转换其实也是基本的服务器端校验,合法数据必然可以通过 ...
- codeforces 659F . Polycarp and Hay 搜索
题目链接 遍历每个点, 如果这个点的值能被k整除并且k/a[i][j]后小于等于n*m, 那么就对这个点进行搜索. 将这个点加入队列, 将周围的所有大于等于这个点的值的点也加入队列. 不断重复, 直到 ...
- OpenCV学习 4:摄像头视频读写与边缘检测
原创文章,欢迎转载,转载请注明出处 想实现人脸识别,车辆识别,车牌识别.一般我们可不是读硬盘里面的视频文件的,都是直接从摄像头读取视频流然后直接识别的.所以读取摄像头的视频流这是基础...OpenCV ...
- SQL Server 修改表
alter table 可能用三种方式来完成. 第一种: 只修改元数据. 1.删除一个列. 2.一个行被增加而且空值被认为是所有行的新值. 3.当可变长度的列的长度增加时. 4.不允许为空的列被允许为 ...