哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！

志同道合的小伙伴跟我一起学习交流哦！

第三阶段 JavaScript基础

19 对象

编程思想：把一些生活中做事的经验融入到程序中。

面向过程：凡事都要亲力亲为，每件事的具体过程都要知道，注重的是过程。

面向对象：根据需求找对象，所有的事都用对象来做，注重的是结果。

面向对象特性：封装、继承、多态 (抽象性)。

js不是面向对象的语言、但是可以模拟面向对象的思想。

js是一门基于对象的语言。

为什么要有对象

函数的参数如果特别多的话，可以使用对象简化。

什么是对象

现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。

举例： 一部车，一个手机

车是一类事物，门口停的那辆车才是对象

特征：红色、四个轮子

行为：驾驶、刹车

javAscript中的对象

JavaScript中的对象其实就是生活中对象的一个抽象。

JavaScript的对象是无序属性的集合。

其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript中的对象想象成键值对，其中值可以是数据和函数。

对象的行为和特征

特征---属性

行为---方法

-事物的特征在对象中用属性来表示。

-事物的行为在对象中用方法来表示。

获取对象类型

如何获取该变量(对象)是不是属于什么类型的?

语法:

变量 instanceof 类型的名字----->布尔类型，true就是这种类型，false不是这种类型。

对象创建方式

1.调用系统的构造函数创建对象

var 变量名= new Object(); Object 是系统的构造函数

2. 自定义构造函数创建对象

先自定义一个构造函数，然后创建对象。

函数和构造函数的区别：首字母是大写的就是构造函数，小写的是函数。

一般看到自定义函数的函数名首字母是大写的就知道是用来创建对象的。

在当前的对象的方法中,可以使用this关键字代表当前的对象。

自定义构造函数创建对象做了以下几件事：

-在内存中申请一块空闲的空间，存储创建的新的对象。

-把this设置为当前的对象。

-设置对象的属性和方法的值。

-把this这个对象返回。

3. 字面量的方式创建对象

变量：var num=10;

数组：var arr=[];

对象：var obj={};

这种方式叫做字面量创建方式

优化后（像数组一样用逗号隔开）

字面量创建对象的缺陷: 一次性的对象。

补充

点语法: 对象.名字=值; 对象.名字=函数;

JavaScript是一门动态语言：

1. 代码(变量)只有执行到这个位置的时候，才知道这个变量中到底存储的是什么，如果是对象，就有对象的属性和方法，如果是变量就是变量的作用。

2. 对象没有什么，只要点了，通过点语法,那么就可以为对象添加属性或者方法。

属性和方法：

如果一个变量属于一个对象所有，那么该变量就可以称之为该对象的一个属性，属性一般是名词，用来描述事物的特征。

如果一个函数属于一个对象所有，那么该函数就可以称之为该对象的一个方法，方法是动词，描述事物的行为和功能。

设置和获取属性的另一种写法（中括号+双引号）

20 对象的使用

对象：一组无序属性的集合的键值对，属性的值可以是任意的类型。

JSON格式的数据

JSON格式的数据：一般都是成对的，是键值对，键是“属性名”，值是“属性值”。

json也是一个对象，数据都是成对的，一般json格式的数据无论是键还是值都是用双引号括起来的。

key是一个变量，这个变量中存储的是该对象的所有的属性的名字（name,age,sex）。

遍历对象的属性

遍历对象是不能通过for循环遍历的，因为无序。

但是可以通过for...in语法遍历一个对象。

删除对象的属性(delete)

简单类型和复杂类型的区别

原始数据类型：number,string,boolean,undefined, null,object

空类型：undefined,null

基本数据类型(简单类型，值类型)： number,string,boolean在存储时，变量中存储的是值本身，因此叫做值类型。

复杂类型(引用类型)：object复杂数据类型，在存储时，变量中存储的仅仅是地址（引用），因此叫做引用数据类型。

堆和栈

堆栈空间分配区别：

1、栈（操作系统）：由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；

2、堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放， 若程序员不释放，由垃圾回收机制回收，分配方式倒是类似于链表。

注意：JavaScript中没有堆和栈的概念，此处我们用堆和栈来讲解，目的方便理解和方便以后的学习。

基本类型在内存中的存储：

复杂类型在内存中的存储：

基本类型作为函数的参数：

复杂类型作为函数的参数：

总结：

var num=10; 值类型，值在栈上。

var obj={}; 复杂类型，对象在堆，地址(引用)在栈。

-值类型之间传递，传递的是值。

-引用类型之间传递，传递的是地址(引用)。

-值类型作为函数的参数，传递的是值。

-引用类型作为函数的参数，传递的是地址。

案例：

看不懂的小伙伴不要气馁，后续的分享中将持续解释，只要你跟着我分享的课程从头到尾去学习，每篇文章看三遍，一个月后，回过头来看之前的文章就会感觉简单极了。

本章已结束，下篇文章将分享《JavaScript内置对象》小伙伴们不要错过哟！