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 相关文章推荐
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
JavaScript?Apple设备检测示例代码
Nov 15 Javascript
jQuery jcrop插件截图使用方法
Nov 20 Javascript
纯javascript实现图片延时加载方法
Aug 21 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
Dec 14 Javascript
微信小程序自定义组件
Aug 16 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 Vue.js
酷! 不同风格页面布局幻灯片特效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 调用远程url的六种方法小结
2009/11/02 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
js实现拖拽效果
2015/02/12 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
详解js获取video任意时间的画面截图
2019/04/17 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
Python中使用strip()方法删除字符串中空格的教程
2015/05/20 Python
python集合用法实例分析
2015/05/30 Python
python获得一个月有多少天的方法
2015/06/04 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
植物选择:Botanic Choice
2017/02/15 全球购物
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
耐克中国官方商城:Nike中国
2018/10/18 全球购物
PHP如何去执行一个SQL语句
2016/03/05 面试题
简历里的自我评价
2014/01/31 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
行政办公室岗位职责
2014/03/18 职场文书
《春雨》教学反思
2014/04/24 职场文书
市级青年文明号申报材料
2014/05/26 职场文书
民事授权委托书范文
2014/08/02 职场文书
税务职业生涯规划书范文
2014/09/16 职场文书
行政经理岗位职责
2015/04/15 职场文书
乡镇安全生产月活动总结
2015/05/08 职场文书
岗位聘任协议书
2015/09/21 职场文书
团干部培训班心得体会
2016/01/06 职场文书
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android