五、JavaScript对象 - JavaScript+jQuery 笔记

目录

前言

一、什么是对象

二、利用字面量创建对象

三、访问对象的属性和方法

四、利用 new Object 创建对象

五、利用构建函数创建对象

六、遍历对象的属性和方法

总结

尾注

---

前言

在Javascript中，对象是非常重要的知识点，可以看作是无序的集合数据类型，有若干的键值对来组成。对象可以用来统一管理多个数据哦。

本节将围绕对象的概念和创建方法进行介绍。

一、什么是对象

在JavaScript中，对象是一种数据类型，它是由属性和方法组成的一个集合。属性是指事物的特征，使用“ 对象.属性名 ”访问；方法是指事物的行为，使用“ 对象.方法名() ”进行访问。

例如：在JavaScript中描述一个手机对象，则手机拥有的属性和方法：

例如：在JavaScript中描述一个手机对象，则手机拥有的属性和方法：

• 手机的属性：颜色、重量、屏幕尺寸等
• 手机的方法：打电话、发短信、看电视、听音乐等

假设有一个手机对象p1，则可以用以下代码来访问p1的属性或者调用p1的方法。

示例代码：

<script>
      // 假设现在有一个手机对象p1，通过代码创建出来
      var p1 = {
        color: '黑色',
        weight: '188g',
        screenSize: '6.5',
        call: function (num) {
          console.log('打电话给' + num);
        },
        sendMessage: function (num, message) {
          console.log('给' + num + '发短信，内容为：' + message);
        },
        playVideo: function () {
          console.log('播放视频');
        },
        playMusic: function () {
          console.log('播放音乐');
        }
      };
      // 访问p1的属性
      console.log(p1.color);		// 输出结果：“黑色”，表示手机的颜色为黑色
      console.log(p1.weight);		// 输出结果：“188g”，表示手机的重量为188克
      console.log(p1.screenSize);	// 输出结果：“6.5”