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的Repeater实现代码
Jul 17 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
May 19 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
Apr 10 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
Apr 23 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
May 23 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 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/10/09 PHP
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
网页设计常用的一些技巧
2006/12/22 Javascript
Javascript 键盘事件的组合使用实现代码
2012/05/04 Javascript
Jquery attr("checked") 返回checked或undefined 获取选中失效
2013/10/10 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
vue中渐进过渡效果实现
2016/10/27 Javascript
bootstrap实现每隔5秒自动轮播效果
2016/12/20 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
vue2.0 常用的 UI 库实例讲解
2017/12/12 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
js实现中文实时时钟
2020/01/15 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
python实现的防DDoS脚本
2011/02/08 Python
python logging类库使用例子
2014/11/22 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
Python3+Appium安装使用教程
2019/07/05 Python
Flask框架路由和视图用法实例分析
2019/11/07 Python
python中怎么表示空值
2020/06/19 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
绵山导游词
2015/02/05 职场文书
2015年社区工会工作总结
2015/05/26 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
Python实现抖音热搜定时爬取功能
2022/03/16 Python
Win11 Beta 预览版 22621.575 和 22622.575更新补丁KB5016694发布(附更新内容大全)
2022/08/14 数码科技