JavaScript基础学习之对象

一直对“对象”概念模糊,今天我便好好研究了研究。废话不多说,我们来切入正题吧。

JavaScript 对象


  • JavaScript 对象是拥有属性和方法的数据。
  • JavaScript 对象是变量的容器。
  • 在 JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript

对象定义


  • 可以使用字符来定义和创建 JavaScript 对象:
    实例
    var person = {firstName:"Tang", lastName:"HaoYue", age:20, eyeColor:"black"};
  • 定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的:
    实例*
var person = {
      firstName:"Tang",
      lastName:"HaoYue",
      age:20, 
      eyeColor:"black"
};```


##对象属性
______
>  "JavaScript 对象是变量的容器"。
但是,我们通常认为 "JavaScript 对象是键值对的容器"。
键值对通常写法为 **name : value** (键与值以冒号分割)。
键值对在 JavaScript 对象通常称为 **对象属性**。

>**注意!**JavaScript 对象是属性变量的容器。

>对象键值对的写法类似于:
PHP 中的关联数组
Python 中的字典
C 语言中的哈希表
Java 中的哈希映射
Ruby 和 Perl 中的哈希表

>####访问对象属性
实例 1

person.lastName;

实例 2

person["lastName"];

[尝试一下 »](http://www.runoob.com/try/tryit.php?filename=tryjs_object_properties_1)

##对象方法
______
>对象的方法定义了一个函数,并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
该实例访问了 person 对象的 fullName() 方法:

>**实例**
```name = person.fullName();```
[尝试一下 »](http://www.runoob.com/try/tryit.php?filename=tryjs_object_method)

>如果你要访问 person 对象的 fullName 属性,它将作为一个定义函数的字符串返回:
**实例**
```name = person.fullName;```
[尝试一下 »](http://www.runoob.com/try/tryit.php?filename=tryjs_object_function)

>####访问对象方法
你可以使用以下语法创建对象方法:
```methodName : function() { code lines }```
你可以使用以下语法访问对象方法:
```objectName.methodName()```
通常``` fullName()``` 是作为 ```person ```对象的一个方法, ```fullName ```是作为一个属性。
有多种方式可以创建,使用和修改 JavaScript 对象。
同样也有多种方式用来创建,使用和修改属性和方法。

文章借鉴菜鸟教程完成
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.HTML DOM (Document Object Model) document.getElementByI...
    廖马儿阅读 1,450评论 0 17
  • javaScript 对象对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value)...
    飘渺阿天阅读 247评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139
  • 01 过完年,我和男友找了一处距离公司比较近的公寓,心情明媚的搬进了新家。 我和男友都是夜猫子,半夜十二点才开始准...
    米酒黑布林阅读 874评论 4 2
  • 现在每天早上起床,感觉累觉不爱了,每天工作忙完下班回家,晚上身心俱疲,想要静下来充电,有时好难做到。一切都是生...
    珍惜当下_超阅读 224评论 0 1