1丶常见的基本数据类型:
Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的,因为可以直接操作保存在变量中的实际值。示例:
var a = 10;
var b = a;
b = 20;
console.log(a); // 10值
上面,b获取的是a值得一份拷贝,虽然,两个变量的值相等,但是两个变量保存了两个不同的基本数据类型值。
b只是保存了a复制的一个副本。所以,b的改变,对a没有影响
2、引用类型数据:
也就是对象类型Object type,比如:Object 、Array 、Function 、Data等。
javascript的引用数据类型是保存在堆内存中的对象。
与其他语言的不同是,你不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地址。
所以,引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象。
var obj1 = new Object();
var obj2 = obj1;
obj2.name = "我有名字了";
console.log(obj1.name); // 我有名字了
说明这两个引用数据类型指向了同一个堆内存对象。obj1赋值给onj2,实际上这个堆内存对象在栈内存的引用地址复制了一份给了obj2,
但是实际上他们共同指向了同一个堆内存对象。实际上改变的是堆内存对象。
下面我们来演示这个引用数据类型赋值过程:
3丶什么是深拷贝,浅拷贝,如何实现:
深拷贝和浅拷贝是针对复杂数据类型来说的,浅拷贝只拷贝一层,而深拷贝是层层拷贝。
浅拷贝:
浅拷贝是会将对象的每个属性进行依次复制,但是当对象的属性值是引用类型时。
实质复制的是其引用,当引用指向的值改变时也会跟着变化。
浅拷贝实现:
Object.assign
…扩展运算符
他跟递归和JSON.parse(JSON.stringify(obj))还不一样,就比如对象里面套一个对象,他只能拷贝第一层,这种情况下,他就不能实现深拷贝。
深拷贝:
深拷贝复制变量值,对于非基本类型的变量,则递归至基本类型变量后,再复制。
深拷贝后的对象与原来的对象是完全隔离的,互不影响, 对一个对象的修改并不会影响另一个对象。
深拷贝实现:
JSON.parse(JSON.stringify(obj))
递归等递归函数实现深拷贝。
递归函数实现:
let obj1 = {
age: 18,
name: "小胖",
address: {
city: "北京",
a: {
num:'1000'
},
},
arr: ["a", "b", "c", "d", "e"],
};
let obj2 = deepClone(obj1);
obj2.address.city = "上海";
obj2.arr[2] = "h";
obj2.address.a.num='500'
console.log(obj1.address.a.num)
console.log(obj1.address.city);
/**
* 深拷贝
*/
function deepClone(obj = {}) {
if (typeof obj !== "object" || obj == null) {
//obj是null,或者不是对象和数组,直接返回
return obj;
}
//初始化返回结果
let result;
if (obj instanceof Array) {
result = [];
} else {
result = {};
}
for (let key in obj) {
//保证key不是原型的属性
if (obj.hasOwnProperty(key)) {
//递归调用
result[key] = deepClone(obj[key]);
}
}
return result;
}
4丶js中和=区别
双等号==:
(1)如果两个值类型相同,再进行三个等号(===)的比较
(2)如果两个值类型不同,也有可能相等,需根据以下规则进行类型转换在比较:
1)如果一个是null,一个是undefined,那么相等
2)如果一个是字符串,一个是数值,把字符串转换成数值之后再进行比较
三等号===:
(1)如果类型不同,就一定不相等
(2)如果两个都是数值,并且是同一个值,那么相等;如果其中至少一个是NaN,那么不相等。(判断一个值是否是NaN,只能使用isNaN( ) 来判断)
(3)如果两个都是字符串,每个位置的字符都一样,那么相等,否则不相等。
(4)如果两个值都是true,或是false,那么相等
(5)如果两个值都引用同一个对象或是函数,那么相等,否则不相等
(6)如果两个值都是null,或是undefined,那么相等
5,数据类型判断
数据类型:
基本数据类型:number丶String丶Boolean丶null丶undefined丶
引用数据类型:function丶Array丶Date
一共有4种,分别是typeof丶instanceof丶constructor丶Object.prototype.toString.call()。
typeof判断基本数据类型没有什么问题,比如对象丶数组会出错。
typeof {} // object
instanceof 和 constructor 是用来判断引用数据类型,但是也会出错,instanceof 不是判断null和undefined,而constructor 不能判断出构造函数,并且把他的原型指向Array的原型,这样就会出错。
console.log(arr instanceof Array ); // true
console.log(arr.constructor === Array); //true
Object.prototype.toString.call()是判断本身是引用数据类型,比如对象丶数组。
console.log(toString.call('123')); //[object String]