分析JS基本类型和对象类型

青旅半醒 2022-10-22 07:32 182阅读 0赞

### 目录 ###

*   *   *  分析JS基本类型和对象类型
         *  数组的插入和删除方法
         *  定义数组的两种方法
         *  严格区分变量类型和数据类型

### 分析JS基本类型和对象类型 ###

1.  **数据类型**：分为5种基本类型和一种复杂类型，分别对应这变量的基本类型和引用类型。
2.  内存中有两块存储区域，一种是栈区，一个是堆区。
3.  栈区保存的是基本类型值和对象类型的引用地址，堆区保存的是对象类型值。
4.  变量是栈区一个内存区域的一个代号，保存的可能是一个基本类型值，也可能是对象类型的地址值。
5.  我们不能直接操作堆区的内容，而是通过栈区的地址去找到对应的对象操作。

**基本类型值**：

1.  基本类型值：null undefined string number boolean (bigint symbol)。
2.  基本类型值都是保存在栈区，可以直接通过变量获取到值进行操作。
3.  基本类型值的特点：
    
    1.  基本类型值是不可变(不能改变自身，只能直接替换)。
    2.  基本类型值是不能添加属性和方法的，添加了也获取不到。
    3.  基本类型的比较是值的比较。

**对象类型值**：

1.  对象类型值：object array function regexp Math Date。
2.  对象类型的特点：
    
    1.  对象的值是可变的,可以扩展属性和方法。
    2.  对象保存在堆区中，地址保存在栈区中，变量保存的是栈区的地址值。
    3.  变量和变量的比较是引用地址的比较，而不是对象值的比较。

### 数组的插入和删除方法 ###

栈操作：

1.  **push()**:  
    向数组的末尾添加一个或多个元素(多个参数就可以)。  
    push 方法返回改变后数组的长度。
2.  **pop()**: 删除数组的最后一位，并返回删除的元素。
3.  **unshift**: 和 push 相反，在数组的最前边添加一个或多个元素，返回修改后数组的长度。
4.  **shift**: 和 pop 相反，删除数组的最前的一个元素，并返回删除的元素。

### 定义数组的两种方法 ###

1.  字面量 `var arr = [];`数组末尾可以书写逗号，并不算多余的值。
2.  实例化 `var arr = new Array();`。  
    当 Array 的参数是一个数值的时候，会被当做数组的长度，而不是数组的元素。

### 严格区分变量类型和数据类型 ###

**变量的类型：**

1.  基本类型：number string boolean 。。。。
2.  引用类型：变量保存的是一个地址值。

**数据的类型：**

*  基本类型：number string boolean 。。。。
 *  对象类型：array object function …