05032022- 前端学习 JS-CSDN博客

本文链接：https://blog.csdn.net/weixin_43471414/article/details/123292023

对象

1. 对象
1.1 什么是对象？

现实生活中：万物皆对象，对象是一个具体的事物，看得见摸不着的实物。例如，一本书，一辆汽车，一个人可以是“对象”，一个数据库，一张网页，一个与远程服务器的连接也可以是“对象”。
在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串，数值，数组，函数等。
对象是由属性和方法组成的

属性：事物的特征，在对象中用属性来表示（常用名词）。
方法：事物的行为，在对象中用方法来表示（常用动词）。

1.2 为什么需要对象？
保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。保存一个人的完成信息呢？
例如，将“张三疯”的个人信息保存在数组中的方式为：

var arr=['张三疯','男',128,172];

JS中的对象表达结构更清晰，更强大。张三疯的跟人信息在对象中的表达结构如下：

张三疯. 姓名 = ‘张三疯’;   >>>    person.name = '张三疯';
张三疯. 性别 = ‘男’;      >>>     person.sex = '男';
张三疯. 年龄 = 128;       >>>     person.age = 128;
张三疯. 身高 = 172;       >>>     person.height = 154;

2. 创建对象的三种方式
在JavaScript 中，现阶段我们可以采用三种方式创建对象（object）：

利用字面量创建对象
利用new Object创建对象
利用构造函数创建对象
2.1 利用字面量创建对象
对象字面量：就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法。
代码展示：

var obj = {
    uname: 'vicky',
    age: 26,
    sex: '女',
    sayHi:function Hi() {
        console.log('HI~');
    }
}
console.log(obj);

变量、属性、函数、方法总结：
变量和属性相同点：他们都是用来存储数据的
例如：

var num = 10;
var obj = {
    age:18
}

变量：单独声明并赋值，使用的时候直接写变量名，单独存在
属性：在对象里面的不需要声明的，使用的时候必须是对象.属性

函数和方法相同点都是实现某种功能，做某件事

函数：是单独声明，并且调用的， “函数名()” 单独存在的
方法：在对象里面调用的时候对象.方法()

2.2 利用 new 关键字创建

代码展示：

var person = new Object();
person.uname =  '鸣人';
person.sex = '男';
person.age = 19;
// person.skill = '影分身';
function skill () {
    console.log('影分身');
}
console.log(person.uname+'\n'+person.sex+'\n'+person.age);
skill();

注意：
我们是利用等号 ‘=’ 赋值的方法，添加对象的属性和方法
每个属性和方法之间用分号结束

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

问：为啥需要使用构造函数？
答：前面两种创建对象的方式一次只能创建一个对象

因为我们一次创建一个对象，里面很多属性和方法是大量相同的，我们只能复制
因此我们可以利用函数方法，重复这些相同的代码，我们就把这个函数称为构造函数
又因为这个函数不一样，里面封装的不是普通代码，而是对象
构造函数，就是吧我们对象里面一些相同属性和方法抽象出来封装到函数里面。

构造函数语法格式：

function 构造函数名 (){
 this.属性 = 值;
 this.方法 = functio(){
 }
}
new 构造函数名();

注意：

构造函数名字首字母必须要大写
构造行数不需要return 就可以返回结果
调用构造函数必须使用 new
只要 new Star() 调用函数Juin创建一个对象
属性和方法面前必须添加 this

构造函数，如Stars(),抽象了对象的公共部分，封装到了函数里面，它泛指某一大类（class）
创建对象，如new Stars()，特指某一个，通过new关键字创建对象的过程称为对象实例化。

3. new关键字
new 构造函数可以在内存中创建一个空的对象
this 就会指向刚才创建的空对象
开始执行构造函数里面的代码，给空对象添加属性和方法
返回这个对象

总结：
new在执行时会做的四件事：
① 在内存中创建一个新的空对象
② 让 this 指向这个新对象
③ 执行构造函数里面的代码，给这个新对象添加属性和方法
④ 放回这个新对象（所以构造函数里面不需要return）

4. 遍历对象属性
for…in…

小结：

对象可以让代码结构更清晰
对象复杂数据类型object
本质：对象就是一组无序的相关属性和方法的集合
构造函数泛指某一大类，比如苹果，不管是红苹果还是绿苹果，都统称苹果
对象实例特指一个事物，比如这个苹果，正在走了的人
for…in 语句用于对对象的属性进行循环操作