Vue高频面试题（二）-——promise 深拷贝和浅拷贝 v-model原理

1promise高频面试题

const promise=new Promise((resolve,reject)=>{ //这是构造函数 同步执行 所以先输出  1 2
    console.log（1）
    resolve()
    console.log（2）
})
promise.then(()=>{             //.then()异步执行  先输出是4 在输出 3
    console.log（3）
})
console.log（4） //1 2 4 3

2.深拷贝和浅拷贝

let arr=[1,2,3]  //数组和对象都是浅拷贝     
let newarr=arr   //存在藕断丝连
newarr.push(4)
console.log(arr,newarr) //arr:1234   newarr:1234
// 解构赋值 针对一维数组可以看做深拷贝，但对于多维数组是浅拷贝
let arr=[1,2,3]                             let  arr=[[1,2,3],[4,5,6]]
let newarr=[...arr]
newarr.push(4)                               newarr[0].push(888)
console.log(arr,newarr)//arr:123   newarr:1234

3.v-model的底层原理

• v-bind 绑定一个value操作

• v-on给当前元素绑定input事件

{{message}}