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 在定义的时候立即执行的函数表达式(function)写法
Jan 16 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 Javascript
jQuery中filter()方法用法实例
Jan 06 Javascript
javascript比较两个日期相差天数的方法
Jul 24 Javascript
JS实现仿QQ效果的三级竖向菜单
Sep 25 Javascript
js实现微信分享代码
Oct 11 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 Javascript
解决npm安装Electron缓慢网络超时导致失败的问题
Feb 06 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
vue router动态路由设置参数可选问题
Aug 21 Javascript
JavaScript 闭包的使用场景
Sep 17 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
2006/12/23 PHP
PHP开发过程中常用函数收藏
2009/12/14 PHP
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
PHP 实现公历日期与农历日期的互转换
2017/09/13 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
浅谈Node模块系统及其模式
2017/11/17 Javascript
详解AngularJS 过滤器的使用
2018/06/02 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
python中getattr函数使用方法 getattr实现工厂模式
2014/01/20 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
Python之reload流程实例代码解析
2018/01/29 Python
django2.0扩展用户字段示例
2019/02/13 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
Python 如何对文件目录操作
2020/07/10 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
数学国培研修感言
2014/02/13 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
搞笑欢迎词大全
2015/09/30 职场文书
mysql 索引合并的使用
2021/08/30 MySQL