JavaScript基础学习之对象

作者: WishToWeb | 来源:发表于2017-05-28 23:07 被阅读8次

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

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 对象。
同样也有多种方式用来创建,使用和修改属性和方法。

文章借鉴菜鸟教程完成

相关文章

网友评论

    本文标题:JavaScript基础学习之对象

    本文链接:https://www.haomeiwen.com/subject/zuahfxtx.html