JS对象的创建和访问-js教程-PHP中文网

JS对象的创建和访问

怪我咯

发布： 2017-06-29 10:29:35

原创

1432人浏览过

这篇文章主要为大家详细介绍了javascript对象的创建和访问实现方法，感兴趣的小伙伴们可以参考一下

JavaScript，很少能让人想到它面向对象的特性，甚至有人说它不是面向对象的语言，因为它没有类。没错， JavaScript 真的没有类，但 JavaScript 是面向对象的语言。 JavaScript 只有对象，对象就是对象，不是类的实例。
因为绝大多数面向对象语言中的对象都是基于类的，所以经常有人混淆类的实例与对象的概念。对象就是类的实例，这在大多数语言中都没错，但在 JavaScript 中却不适用。JavaScript 中的对象是基于原型的。

创建和访问

JavaScript 中的对象实际上就是一个由属性组成的关联数组，属性由名称和值组成，值的类型可以是任何数据类型，或者函数和其他对象。注意 JavaScript 具有函数式编程的特性，所以函数也是一种变量，大多数时候不用与一般的数据类型区分。

在 JavaScript 中，你可以用以下方法创建一个简单的对象：

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

登录后复制

以上代码中，我们通过 var foo = {}; 创建了一个对象，并将其引用赋值给 foo，
通过 foo.prop1 来获取它的成员并赋值，其中 {} 是对象字面量的表示方法，也可以用 var foo = new Object() 来显式地创建一个对象。
1. 使用关联数组访问对象成员
我们还可以用关联数组的模式来创建对象，以上代码修改为：

ECTouch移动商城系统

ECTouch是上海商创网络科技有限公司推出的一套基于 PHP 和 MySQL 数据库构建的开源且易于使用的移动商城网店系统！应用于各种服务器平台的高效、快速和易于管理的网店解决方案，采用稳定的MVC框架开发，完美对接ecshop系统与模板堂众多模板，为中小企业提供最佳的移动电商解决方案。ECTouch程序源代码完全无加密。安装时只需将已集成的文件夹放进指定位置，通过浏览器访问一键安装，无需对已有

查看详情

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

登录后复制

在 JavaScript 中，使用句点运算符和关联数组引用是等价的，也就是说任何对象（包括
this 指针）都可以使用这两种模式。使用关联数组的好处是，在我们不知道对象的属性名称的时候，可以用变量来作为关联数组的索引。例如：

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

登录后复制

2.使用对象初始化器创建对象
上述的方法只是让你对JavaScript对象的定义有个了解，真正在使用的时候，我们会采用下面这种更加紧凑明了的方法：

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

登录后复制

这种定义的方法称为对象的初始化器。注意，使用初始化器时，对象属性名称是否加引号是可选的，除非属性名称中有空格或者其他可能造成歧义的字符，否则没有必要使用引号。

以上就是JS对象的创建和访问的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

如何用javascript操作DOM_哪些API最常用？ JavaScript中事件处理是什么_如何为网页元素添加事件监听器？ javascript IndexedDB是什么_如何存储大量结构化数据？ JavaScript代理与反射是什么概念？ javascript的Service Worker有什么用_如何实现离线应用