1、JS中深拷贝和浅拷贝的区别
主要在于赋值出来的新对象和原来的对象是否会互相影响,改一个,另一个也会变
浅拷贝:仅仅是是指向被复制的内存地址,如果原地址发生变化,那么浅拷贝出来的对象也会相应发生改变
新旧对象共享内存,修改其中一个,另一个也会受到影响
深拷贝:在内存中开辟一块新的地址用于存放复制的对象
新旧对象不会共享内存,修改其中一个不会影响另一个
浅拷贝:通过 = 赋值
深拷贝:a、通过JSON对象实现深拷贝
var obj2 = { name: '小飞', age: 20};
var obj3 = JSON.parse(JSON.stringify(obj2));
obj3.age = 39;
b、通过拓展运算符实现深拷贝
var obj2 = { name: '小飞', age: 20 };
var obj3 = { ...obj2, age: 39 };
2、ES6拓展运算符(...)的作用
a、将第一个数组变为以空格分割的参数序列
let arr = [1, 2, 3];
console.log(...arr);//结果为: 1 2 3
b、数组的复制(浅拷贝)
let arr1 = [4, 5, 6];
let arr2 = [...arr1];
arr1[1] = 9;
console.log(arr1);//[4, 9, 6]
console.log(arr2);//[4, 9, 6]
c、对象的复制(深拷贝)
let obj = {city: '深圳', money: 15000};
let obj1 = {...obj};
obj.money = 20000;
console.log(obj);//{city: '深圳', money: 20000}
console.log(obj1);//{city: '深圳', money: 15000}
d、合并数组和对象(方式一样)
let arr3 = [11, 22, 33];
let arr4 = [44, 55, 66];
let arr5 = [...arr3, ..arr4];
e、字符串改数组
let likeArr = [...'hello'];
console.log(likeArr);//['h', 'e', 'l', 'l', 'o']
3、ES6中new一个箭头函数会报错的原因
new关键字执行过程:new 构造函数会在内存中创建一个空对象this就会指向刚才创建的这个空对象; 执行构造函数中代码,给空对象添加属性和方法;返回这个新的对象(所以构造函数中不需要return)
箭头函数中this指向定义时的对象
4、ES6中什么是回调地狱?如何使用promise解决?
回调地狱:多个串联的异步操作
需求:一秒之后输出1,二秒之后输出2,三秒之后输出3
setTimeout(() => {
console.log(1);
setTimeout(() => {
console.log(2);
setTimeout(() => {
console.log(3);
}, 3000)
}, 2000)
}, 1000)
promise解决:
function getData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(1);
resolve(2);
}, 1000)
})
};
getData().then((value) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(value);
resolve(3);
}, 2000)
})
});
getData().then((value) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(value);
})
})
})
5、ES6中const定义的对象属性可以修改
const保证的不是变量的值不能改动,而是变量指向内存地址不能改动