(前端面试)每日5题

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保证的不是变量的值不能改动，而是变量指向内存地址不能改动