js基础（五）：对象

//字面量创建

var star = {

//属性

name : 'pink',

age : 18,

sex : '男',

//方法

sayHi : function() {

  alert('大家好啊');

}

};

*   对象的使用

    

    *   对象的属性：对象中`存储具体数据`的“键值对”中的键称为对象的属性，即对象中存储具体数据的项。

        

    *   对象的方法：对象中`存储函数`的“键值对”中的“键”称为对象的方法，即对象中存储函数的项。

        

    *   访问对象的属性：对象里面的属性调用：`对象.属性名`；对象里面属性的另一种调用方式：对象\['属性名'\],注意方括号里面的属性必须加上引号。

        

    *   调用对象的方法:`对象.方法名();`

        

    *   变量、属性、函数、方法总结：  

        `①变量`：单独声明赋值，单独存在  

        `②属性`:对象里面的变量称为属性，不需要声明，用来描述该对象的特征。  

        `③方法`：方法是对象的一部分，函数不是对象的一部分，函数是单独封装操作的容器。对象里面的函数称为方法，方法不需要声明，使用"对象.方法名()"的方式就可以调用，方法用来描述该对象的行为和功能。  

        `④函数`:单独存在的，通过"函数名()"的方式就可以调用。

        

console.log(star.name) // 调用名字属性

console.log(star[‘name’]) // 调用名字属性

star.sayHi(); //调用方法

2\. 利用new Object创建对象



 创建空对象

通过内置构造函数Object创建对象，此时andy变量已经保存了创建出来的空对象

var andy = new Object();

给空对象添加属性和方法

通过对象操作属性和方法的方式，来为对象增加属性和方法

var andy = new Object();

andy.name = ‘pink’;

andy.age = 18; // andy.age = 19修改对象属性

andy.sex = '男；// andy.phoneNum = 110 添加属性

andy.sayHi = function() {

alert('大家好');

}

obj.sayHi();调用对象的方法 //第二种写法 obj’sayHi’;

// Object()第一个字母大写；

//new Object() 需要new关键字，使用的格式:对象.属性 = 值

3\. 利用构造函数创建对象



`构造函数`是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值,它总与new运算符一起使用，我们可以把对象中一些公共的属性和方法抽出来，然后封装到这个函数里面。



构造函数的封装格式：

function 构造函数名(形参1，形参2，形参3…) {

this.属性名1 = 参数1;

this.属性名2 = 参数2;

this.属性名3 = 参数3;

this.方法名 = 函数体;

}

//构造函数的调用格式

var obj = new 构造函数名(实参1，实参2，实参3); // 以上代码中，obj即接收到构造函数创建出来的对象。

说明：  

    1.构造函数约定首字母大写  

    2.函数内的属性和方法前面需要添加this，表示当前对象的属性和方法  

    3.构造函数中不需要retrun返回结果  

    4.但我们创建对象的时候，必须用new 来调用构造函数  

    



*   **new关键字的作用(面试题)**

    

*   1.在构造函数代码开始执行之前，创建一个空对象；

*   2.修改this的指向，把this指向创建出来的空对象；

*   3.执行构造函数内的代码，给这个新对象添加属性和方法

*   4.在函数完成之后，返回这个创建出来的新对象(所以构造函数里面不需要return)



### 遍历对象：



#  最后

**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。**

**因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

![img](https://img-blog.csdnimg.cn/img_convert/210f9770db25b001ea1596bf8a11e5d3.jpeg)

![](https://img-blog.csdnimg.cn/img_convert/906888c5f96a0d0b91ad844d54522e7f.png)

![](https://img-blog.csdnimg.cn/img_convert/7ee4501e81dc3a43c2ea9c62a351cfaf.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

[**如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

**由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**
刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

[**如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

**由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**