>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 21072 个阅读者 刷新本主题
 * 贴子主题:  JavaScript 对象 的创建和使用 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2020-01-31 00:11:43     消息  查看  搜索  好友  邮件  复制  引用

  

JavaScript  对象

       JavaScript 对象是拥有属性和方法的数据。      

真实生活中的对象,属性和方法

       真实生活中,一辆汽车是一个对象。

      对象有它的属性,如重量和颜色等,方法有启动停止等:

            
对象
属性
方法
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小
         car.name = Fiat

        car.model = 500

        car.weight = 850kg

        car.color = white
          car.start()

        car.drive()

        car.brake()

        car.stop()


          所有汽车都有这些属性,但是每款车的属性都不尽相同。

         所有汽车都拥有这些方法,但是它们被执行的时间都不尽相同。                    

JavaScript 对象

     在 JavaScript中,几乎所有的事物都是对象。

                            
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript 。


         你已经学习了 JavaScript 变量的赋值。

         以下代码为变量 car 设置值为 "Fiat" :

        var car =  "Fiat";

        对象也是一个变量,但对象可以包含多个值(多个变量)。

          var car = {type: "Fiat", model: 500, color: "white"};

       在以上实例中,3 个值 ("Fiat", 500, "white") 赋予变量 car。

       在以上实例中,3 个变量 (type, model, color) 赋予变量 car。

                            
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 JavaScript 对象是变量的容器。
                                          

对象定义

             你可以使用字符来定义和创建 JavaScript 对象:                    

实例

          var person = {firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue"};


            定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的:                      

实例

        var person = {

        firstName: "John",

        lastName: "Doe",

        age: 50,

        eyeColor: "blue"

    };

对象属性

     可以说 "JavaScript 对象是变量的容器"。

     但是,我们通常认为 "JavaScript 对象是键值对的容器"。

     键值对通常写法为 name : value (键与值以冒号分割)。

     键值对在 JavaScript 对象通常称为 对象属性

                            
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 JavaScript 对象是属性变量的容器。


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

访问对象属性

     你可以通过两种方式访问对象属性:              

实例 1

         person.lastName;            

实例 2

          person[ "lastName"];                

对象方法

          对象的方法定义了一个函数,并作为对象的属性存储。

         对象方法通过添加 () 调用 (作为一个函数)。

         该实例访问了 person 对象的 fullName() 方法:            

实例

         name = person.fullName();

         如果你要访问 person 对象的 fullName 属性,它将作为一个定义函数的字符串返回:            

实例

         name = person.fullName;


                                                          
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 JavaScript 对象是属性和方法的容器。
      

访问对象方法

     你可以使用以下语法创建对象方法:

     <i>methodName : function() { code lines }</i>

     你可以使用以下语法访问对象方法:

     <i>objectName.methodName()</i>

      通常 fullName() 是作为 person 对象的一个方法,

        fullName 是作为一个属性。

        有多种方式可以创建,使用和修改 JavaScript 对象。

       同样也有多种方式用来创建,使用和修改属性和方法。

  


程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-01-31 13:59:13 重新编辑]
网站系统异常


系统异常信息
Request URL: http://www.javathinker.net/WEB-INF/lybbs/jsp/topic.jsp?postID=1921

java.lang.NullPointerException

如果你不知道错误发生的原因,请把上面完整的信息提交给本站管理人员