前言
在JavaScript中,我们可以分成两种类型
- 基本类型
- 引用类型
基本类型
基本类型主要为以下6种:
Number、String、Boolean、Undefined、null、symbol
注意点如下:
1、Number
在数值类型中,存在一个特殊数值NaN,意为“不是数值”,用于表示本来要返回数值的操作失败了(而不是抛出错误)
console.log(0/0); // NaN
console.log(-0/+0); // NaN
2、String
字符串可以使用双引号(")、单引号(’)或反引号(`)标示
3、Boolean
4、Undefined
当使用 var或 let声明了变量但没有初始化时,就相当于给变量赋予了 undefined值
let message;
console.log(message == undefined); // true
5、null
null 值表示一个空对象指针,这也是给typeof传一个 null 会返回 “object” 的原因
let car = null;
console.log(typeof car); // "object"
6、Symbol
Symbol 是一种唯一的、不可变的数据类型,可以作为对象属性的标识符使用,以防止属性冲突。
let genericSymbol = Symbol();
let otherGenericSymbol = Symbol();
console.log(genericSymbol == otherGenericSymbol); // false
let fooSymbol = Symbol('foo');
let otherFooSymbol = Symbol('foo');
console.log(fooSymbol == otherFooSymbol); // false
引用类型
引用类型统称为Object,主要有:
Object、Array、Function、
Date、RegExp、Map、Set
这里重点说下Function
函数实际上是对象,因为每个函数都是 Function类型的实例,而 Function也有属性和方法,跟其他引用类型一样。
函数存在三种常见的表达方式:
-
1、函数声明
function sum (num1, num2) { return num1 + num2; }
-
2、函数表达式
let sum = function(num1, num2) { return num1 + num2; };
-
3、箭头函数
let sum = (num1, num2) => { return num1 + num2; };
存储区别
基本数据类型和引用数据类型存储在内存中的位置不同:
- 基本类型数据存储在
栈
中 - 引用类型数据存储于
堆
中
1、复制基本类型数据
let a = 10;
let b = a; // 赋值操作
b = 20;
console.log(a); // 10值
a的值为一个基本类型,是存储在栈中,将a的值赋给b,虽然两个变量的值相等,但是两个变量保存了两个不同的内存地址
示意图如下:
2、复制引用类型数据
var obj1 = {
}
var obj2 = obj1;
obj2.name = "Xxx";
console.log(obj1.name); // xxx
引用类型数据存放在堆内存中,每个堆内存中有一个引用地址,该引用地址存放在栈中
obj1是一个引用类型,在赋值操作过程汇总,实际是将堆内存对象在栈内存的引用地址复制了一份给了obj2,实际上他们共同指向了同一个堆内存对象,所以更改obj2会对obj1产生影响.
示意图如下
参考链接:https://mp.weixin.qq.com/s/iqY2ItXxIozvcI87gUchGw