[置顶] js对象
js中,一切事物都是对象。对象是一切的基础。
而具体到某一个对象时。
对象则是包含一组变量和函数的集合实例
我们先来中体会下je对象的全局。
接下来就具体揭开这个对象的面纱吧
ja对象分类
- Function对象
Function实例
构造函数function
- Object对象
创建静态对象
两者区别
Function·对象,具有调用功能
(可当做构造函数,添加参数),
1通过new关键字实例化,构造函数function,必须通过
function实例,如alert()
2 Object对象,具有固定功能,不能调用()
对象继承
js中对象是基于原型的(prototype)。原型只存在与function中,所以一个原型就是一个对象,也是一个属性包
对象具有的属性:
Caller:表示调用正在执行的函数
prototype:可以用来为对象添加新的属性和方法
arguments:表示函数参数的数组
创建对象
所有的内置对象都是可以通过New关键字或简单语法来创建对象的.如:
Var Obj=New Object() ;
或等于 var Obj={};
Var arry=new Array[];或
Var arry=[ ];
构造函数
每个对象都是以构造函数为起点的。function是构造函数的起点,创建构造函数与上述创建对象Function类似
如:
Var myfunction=new function('a', '/*代码*/'); function myfunction('a', '/*代码*/');
两种都可以,建议第二种方式优先。
添加静态方法:
静态方法充实只存在于对象的某一个具体的实例中,而不存在于构造函数中。更直观的是对存在于Object对象中。
实例代码:
Var myObject=new Object();
//添加属性name属性
myObject.name='h';
//添加一个方法
myObject.alertName=function(){
Alert(this.name);
}
//执行添加的方法
myObject.alertName();
添加公有成员
能够跟随对象实例化的成员称之为公有成员,添加公有成员需要修改函数的原型,即对象的prototype属性。
特点:
公有方法可以随构造函数而被继承下去。使用点操作符号添加方法。
实例代码:
Function my(message)
{
Alert(message);
This.message=message;
}
//添加共有方法
My.prototype.name=function(string){
This.message+=' '+string;
}
//添加共有属性
My.prototype.id='id';
//实例化
Varmyfunction=New my();
//调用共有方法
Myfunction.name();
注意:你不能直接在my()函数中调用name方法,必须是在实例中调用该方法;
私有成员
是在构造函数中定义的变量和函数
如
function my(){
//私有属性
Var myOwner='id';
my.alertName=function(){
Alert(this.name);
}
特权成员
是能够被公开访问的,而且还能访问私有成员。该方法是在构造函数的作用域中使用this关键字定义的方法:
Function myname(message)
{
This.mymessage=message;
Var myOwner=this;
Var lastname='id'; //特权方法
This.appendTomessage=function(string){ This.mymessage+=lastname+string;
Alert(mymessage);
}
}
对象字面量:
是一种语法规则,是创建一个带有共有方法的构造函数的语法;
使用的是点标识符创建对象和成员。
实例代码
如我们刚才创建的私有成员,一般方法创建为
function my(){
//私有属性
Var myOwner='id';
my.alertName=function(){
Alert(this.name);
}
对象字面量方法:
Function my{
myOwner:'id',
alertName:function(){
Alert(this.name)
}
}
注意: 最后是没有逗号的。
小结:
以上是对象的基本描述
在jis中对象分为
function类型(用与创建构造函数,共有成员,私有成员,以及特权成员)
Object类型,用于创建静态成员
共同点
:都可以创建对象字面量
不同点:
Object具有固定功能,不能想function那样调用()
Function可当做构造函数,添加参数,进行调用。
到这里js对象的基础就已经告一段落了,欢迎大家指点
[置顶] js对象的更多相关文章
- [置顶] js中如何复制一个对象,如何获取所有属性和属性对应的值
在js中如何复制一个对象,例如如下一个js对象. 如果知道这个对象的所有属性自然就可以重新new一个,然后对每个属性赋值,就可以做到,但如果不知道呢?如何创建一个内容相同 的对象呢? var obj= ...
- [置顶] js正则表达式的使用
js中的正则表达式比起C#中的正则表达式要弱很多,但基本够用了 1定义正则表达式 2关于验证的三个这则表达式方法 3正则表达式式的转义字符 1定义正则表达式 在js中定义正则表达式很简单,有两种方式, ...
- [置顶] js模板方法的思路及实现
在js中如何实现设计模式中的模板方法? 思路的产生必然要求熟悉js,如何实现?就很简单了,都知道在js中如果定义两个相同名称的方法,前一个方法就会被后一个方法覆盖掉,使用此特点就可以实现模板方法. 例 ...
- [置顶] js操作iframe兼容各种浏览器
在做项目时,遇到了操作iframe的相关问题.业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数.于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终 ...
- [置顶] js综合应用:表格的四则运算
在做调查问卷的过程中,遇到一个表格的统计问题,算是需要些js方面的综合知识,所以记录下来. 在上次完成了基本的求和的基础上,添加了基本的加减乘除四则运算. 基本需求简化后如下: 对应的htm了为: & ...
- [置顶] js 实现 <input type="file" /> 文件上传
在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑.浏览的字样不能换,我们一般会用让,<input type ...
- [置顶] js 控制文章中字体的大小,mootools实现
文中字体要12.14.16号中选择: <span class="zh">字号:<b class="change-font">12< ...
- [置顶] 步步辨析JS中的对象成员
前提 首先我们应该明白创建一个JS对象的具体实例是实例化的过程,而实例化是通过new关键字实现的,这个对象是含有constructor的,一般的核心对象都会具有constructor以便创建其实例.因 ...
- js之滚动置顶效果
0.js获取高度 ? 1 2 3 4 5 6 document.all // 只有ie认识 document.body.clientHeight // 文档的高,屏幕 ...
随机推荐
- js 截取字符串
转:http://blog.csdn.net/dotnet25/article/details/8331959 字符串:var s = "1,2,3,4,5," 目标:删除最后一个 ...
- 读《MacTalk·人生元编程》及Mac经常使用软件
引子 池建强的Blog:http://www.cnblogs.com/chijianqiang/ 用了1年多的黑苹果,是用Windows的思维用UI.用Linux的思维用Shell,折腾的是联想E49 ...
- UVA10534-----Wavio Sequence-----动态规划之LIS
题目地址:http://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem& ...
- poj 3181 Dollar Dayz (整数划分问题---递归+DP)
题目:http://poj.org/problem?id=3181 思路:将整数N划分为一系列正整数之和,最大不超过K.称为整数N的K划分. 递归:直接看代码: 动态规划:dp[i][j]:=将整数i ...
- 关于ubuntu中的软件安装
在ubuntu中一般使用apt-get来安装软件工具, 例如 sudo apt-get install g++ apt-get会在镜像库中找到你需要的软件镜像(例如 g++)来安装,那么apt-get ...
- 3、第3课CSS块级、行内元素、绝对定位、相对定位、固定位置20150922
1.块级元素 A:特点: A.1默认显示在父标签的左上角 A.2块级元素默认占满一行(占满整个文档流) B:常见的块级元素 P h1--h6 ul li ol li div h ...
- DNN Module - Responsive Html Tabs 3 介绍
Responsive Html Tabs 模块可以运行于DNN7及以上版本,支持响应式.用户界面较为友好,可以插入自定义的HTML. Demo This is a user-friendly, ful ...
- Android view 小总结
android 中, view 的绘制包含三步: 1. onMeasure(), 对view进行测量: 2. onLayout(),对view进行布局: 3.onDraw(),对view进行绘制. v ...
- MongoVUE查询备忘
用了一段时间的MongoVUE,把一些在MongoVUE中常用的查询记录一下,以便查阅.1.and查询 查询date等于2016-01-08,并且page_url等于shouye.html ...
- 【C#】.NET中设置代理服务器浏览网页的实现--转载
目前很多种类的浏览器中都有代理服务器的设置,用户可以通过浏览器自定义更换自己的IP,实现在线代理翻(河蟹)墙浏览网页. 而在.NET中,亦可以通过调用API函数InternetSetOption来实现 ...