那些年一起追过的题

前者只能劫持对象的属性，后者是直接代理对象 前者需要遍历对象的每个属性，后者不需要，有13种便捷的拦截方法

如果是对象的话，表示每个组件都共用一份数据，会相互干扰 写成函数，就会给每一个组件实例都创建一个私有的数据空间，让各个组件维护各自的数据

MVVM是model-view-viewModel的缩写 model 代表数据模型 view 代表UI组件 viewModel 是两者之间的桥梁 数据会绑定到viewModel层，并自动将数据渲染到页

因为二者同时使用，v-for的优先级高于v-if 这就表示，v-if将分别重复运行于每个循环中，会造成极大的性能浪费

双向数据绑定是通过数据劫持和发布订阅模式实现的 vue采用的是MVVM架构，主要包含两个方面：1.数据变化更新视图 2.视图变化更新数据 实现上，主要分为四个模块 监听器 observer 劫持监听所

它的本质是v-bind和v-on的语法糖它的本质是v-bind和v-on的语法糖它的本质是v-bind和v-on的语法糖

xss攻击，跨站脚本攻击 避免：只能在可信内容上使用v-html，永远不要用于用户提交的内容上xss攻击，跨站脚本攻击 避免：只能在可信内容上使用v-html，永远不要用于用户提交的内容上

vue的响应式是通过Object.defineProperty对数据进行劫持，并结合观察者模式实现的 vue利用Object.defineProperty创建一个observe来劫持监听所有的属性，把

构造不同 2.键名不同 对象-字符串 map-任何类型 3. 对象拥有原型链属性 4. map会保留键的顺序，对象不能 5. map操作接口更加友好，add/has/set/delete 6.JSON

Promise是es6引入异步编程的新的解决方案，解决了回调地狱的问题 状态：pendding fulfilled rejected

forEach 遍历数组 for in 遍历对象，json -循环出key for of 都可以遍历 -循环出value

reject catch 用来抛异常的 用来处理异常的 构造函数的方法 实例的方法 reject后的东西一般会进入then方法的第二个回调，没写，直接进入catch

浅拷贝 深拷贝 基本类型-拷贝值，引用类型-拷贝内存地址 开辟一个新的栈，对应不同的地址 Object.assign()/Object.create/扩展运算符/arr.slice/arr.conca

事件循环机制里面的异步任务分为宏任务和微任务 setTimeut的回调函数放在宏任务队列 Promise--微任务 Async/await——遇到await，会立即执行后面的表达式，表达式后面的代码会

同源策略限制了同一个源的文档和脚本才能交互 跨域方法： jsonp跨域——只适用get——利用script标签的src属性不受同源策划限制，动态创建一个script标签 CORS——服务器设置对COR

let/const Symbol/BigInt 块级作用域 模板字符串 箭头函数 展开运算符 解构赋值 set/WeakSet Map/weakMap class promise proxy

没有变量提升 都只能在块级作用域使用 不能重复声明 const 普通原始类型值可以改变，引用类型，类型不变，值可以改变 let 类型和值都可以改变

箭头函数是匿名函数，普通函数可匿名可不匿名 箭头函数没有自己独立的this，普通函数有 箭头函数没有prototype属性，没有自己的arguments 箭头函数不能做构造函数，普通函数可以

数组： arr.flat() Array.isArray() Array.from() Array.of() arr.find() arr.findIndex() arr.fill() include

map weakmap key为任何类型 只能为对象 可实现LPU cache 可用于深拷贝 容易内存泄露 对键是弱引用，有垃圾回收机制，不可枚举