JavaScript中对象的不同创建方法


Posted in Javascript onAugust 12, 2016

javascript中的对象与一般的面向对象的程序设计语言(c++,Java等)不同,甚至很少有人说它是面向对象的程序设计语言,因为它没有类。javaScript只有对象,不是类的实例。javascript中的对象是基于原型的。

1.1句点运算符创建

javascript中的对象实际上就是一个由属性组成的关联数组,属性由名称和值组成,值的类型可以是任何数据类型,或者函数和其他对象。

创建一个简单对象:

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world'; 
}
console.log(foo.prop_3());

通过引用赋值给foo,{}是对象字面量的表示方法,var foo={}也可以通过var foo = new Object()来显示地创建一个对象。

1.2 使用关联数组创建对象。

var foo = {};
foo['prop_1'] = 'bar';
foo['prop_2'] = false;
foo['prop_3'] = function() {
return 'hello world'; 
}

javascript中使用句点运算符和关联数组引用是等价的。使用关联数组的好处是在我们不知道对象的属性名称的时候可以用变量来作为关联数组的索引。例如:

var some_prop = 'prop_2';
foo[some_prop] = false;

1.3使用对象初始化器创建对象

一般我们在使用的时候回采用下面这种方法创建对象:

var foo = {
prop1:'bar',
prop2:false,
prop3:function(){
return 'hello world';
}
};

这种定义的方法称为对象得出初始化器

1.4 通过构造函数创建对象。

前面创建的对象都是一次性的。如果我们想创建多个规划好的对象,有若干个固定的属性、方法并且能够初始化。我们可以通过构造函数来创建复杂的对象:

function User(name,uri){
this.name = name;
this.uri = uri;
this.display = function() {
console.log(this.name);
}
}

然后可以用new语句创建对象。

var someuser = new User('byvoid','http://www.byvoid.com');

然后就可以通过someuser来访问这个对象的属性和方法。

以上所述是小编给大家介绍的JavaScript中对象的不同创建方法 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js 文件引入实现代码
Apr 23 Javascript
jquery插件制作 提示框插件实现代码
Aug 17 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
jQuery文件上传插件Uploadify使用指南
Jun 05 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
Javascript模块化机制实现原理详解
Apr 02 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 #Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 #Javascript
JS中script标签defer和async属性的区别详解
Aug 12 #Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 #Javascript
很实用的js选项卡切换效果
Aug 12 #Javascript
js实现浏览器倒计时跳转页面效果
Aug 12 #Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 #Javascript
You might like
PHP脚本的10个技巧(7)
2006/10/09 PHP
PHP+MYSQL开发工具及资源收藏
2007/01/02 PHP
浅析php中三个等号(===)和两个等号(==)的区别
2013/08/06 PHP
php实现可逆加密的方法
2015/08/11 PHP
使用JavaScript创建新样式表和新样式规则
2016/06/14 PHP
php判断目录存在的简单方法
2019/09/26 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
基于JavaScript实现自定义滚动条
2017/01/25 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
python实现跨文件全局变量的方法
2014/07/07 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
Python 字典中的所有方法及用法
2020/06/10 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
建筑工程技术应届生自荐信
2013/09/27 职场文书
劳动模范事迹材料
2014/01/19 职场文书
电子信息专业应届生自荐信
2014/06/04 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
2016年感恩节寄语
2015/12/07 职场文书
Python接口自动化之文件上传/下载接口详解
2022/04/05 Python