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