标签：lock 服务 throw 绑定 第一个 ror property 面试官 变量
逛网站时看到个网友在说，自己面试时被问到了刷到的题目当时很开心，信心满满的回答，但紧接着下一秒就笑不出来了，以为面试官是换问题问了，没想到在这个问题基础上发问，这让他就有点措手不及了，回答的支支吾吾的。其实面试官会继续在这问题上“不放过”你，也是看你理解并掌握的是有多深。一道大众题谁都会，这分辨不出个什么，但要是深挖下的问题，这技术也能看的出十七八九，所以也并不是专门去刁钻，面试官问的越深，你回答的稳，面试官可不得喜欢你。碰到这种情况不见得多，但小编还是整理些在高频考点上深挖的题目，小伙伴们看看心里有个底，题目都是带有答案的。
1、作用域不同(是否含有块级元素)
2、是否存在暂时性死区
3、是否存在变量提升
4、能否重复声明
5、变量能否被修改
1.那么var是什么作用域呢？这个我在面试的时候就被问到过,那么你知道吗？
var的作用域是在被定义的时候决定的，如下：
2.变量提升和函数提升的相关问题
//1
var a = 1;
function b(){
var a = 2;
console.log(a) //输出的是什么 为什么
}
b()
//2
var a = 1;
function a(){
}
console.log(a) //输出的是什么 为什么
//3
var a = 1;
function a(){
console.log(a);
}
a()//输出的是什么 为什么
首先第一个输出的是2,这个涉及的就是作用域问题，因为在b()内部定义变量a，所有先访问函数内部的变量a,所有输出的是2,如果函数内部没有定义变量a，那么就访问全局中定义的a，输出的机会是1
第二个输出的是1，这里隐藏了变量提升和函数提升的优先级，函数声明提升>变量声明提升.当js解析器在遇到函数声明时，会优先将其提升到定义体顶部，其次再是var声明的变量，这样就导致函数a被变量a给覆盖的情况，所以最终将打印1。
第三个输出的是TypeError: a is not a function,这个和第二个类似，函数a被变量a给覆盖，所以当调用a()的时候，就会报错因为a只是一个变量了。
3.const声明的常量不可以改变=>const声明的对象属性是否可以改变？
const obj = {
name:"大海",
age: 18
}
obj.age = 20;
console.log(`name:${obj.name},age:${obj.age}`);
//输出 name:大海,age:20
因为对象是引用类型的，obj中保存的仅是对象的指针，这就意味着，const仅保证指针不发生改变，修改对象的属性不会改变对象的指针，所以是被允许的。也就是说const定义的引用类型只要指针不发生改变，其他的不论如何改变都是允许的。
const obj = {
name:"大海",
age: 18
}
// obj.age = 20;
// console.log(`name:${obj.name},age:${obj.age}`);
obj={name:"大海",age:18}
console.log(`name:${obj.name},age:${obj.age}`);
即使对象的内容没改变，指针改变了也是不可以的
1.call、apply和bind的区别
2.箭头函数的this是怎么确定的
var name = ‘小度‘
function b(){
console.log(this); // window
var name = ‘小白‘
c =()=>{
console.log(this.name) ;
}
c()
}
b()
这里箭头函数c是在普通函数b中定义的，所以箭头函数c的this是指向普通函数b的this的，这里普通函数的this是全局（window），这个需要在浏览器环境下执行，在node环境下执行是undefined
注：这里有些公司会涉及手写Promise，大家可以去研究源码实现和手写一下。这个知识点很重要，高频考点中高频考点，大家一定要注意了啊！
1.首先了解Promise的三种状态
2.Promise对象的状态改变，只有两种可能：
注意：这两种情况只要发生，状态就确定了，不会再变了。
【静态方法】
new Promise(resolve => {
resolve(‘hello 大海‘)
}).then(res => {
console.log(res)
})
new Promise(reject => {
reject(‘hello 大海‘)
}).then(res => {
console.log(res)
})
let p1 = Promise.resolve(‘p1‘)
let p2 = Promise.resolve(‘p2‘)
let p3 = Promise.resolve(‘p3‘)
let p4 = Promise.resolve(‘p4‘)
Promise.all([p1, p2, p3, p4]).then(res => {
console.log(‘成功‘, res); //返回数组
}).catch(err => {
console.log(‘失败‘, err);
})
let p1 = Promise.resolve(‘p1‘)
let p2 = Promise.resolve(‘p2‘)
let p3 = Promise.reject(‘p3‘)
let p4 = Promise.resolve(‘p4‘)
Promise.race([p1, p2, p3, p4]).then(res => {
console.log(‘成功‘, res); //返回数组
}).catch(err => {
console.log(‘失败‘, err);
})
const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, ‘foo‘));
const promises = [promise1, promise2];
Promise.allSettled(promises).
then((results) => results.forEach((result) => console.log(result.status)));
【实例方法(原型方法)】
var p1 = new Promise((resolve, reject) => {
resolve(‘成功！‘);
// or
// reject(new Error("出错了！"));
});
p1.then(value => {
console.log(value); // 成功！
}, reason => {
console.error(reason); // 出错了！
});
const p = new Promise((resolve, reject)=>{
reject(‘失败了‘)
}).catch(err=>{
console.log(err);
})
【默认情况】
var p = Promise.resolve(‘ok‘)
.finally((res) => {
return res })
.then(value => {
console.log(‘成功‘, value)
}, (err) => {
console.log(‘失败‘, err)
});
【将上一个 resolve 改为 reject】
var p = Promise.resolve(‘ok‘)
.finally(() => {
return Promise.reject(‘err‘) })
.then(value => {
console.log(‘成功‘, value)
}, (err) => {
console.log(‘失败‘, err)
});
then有几个参数，then第二个参数和catch的区别是什么？
then方法可以接受两个回调函数作为参数。其中，第二个函数是可选的，不一定要提供。这两个函数都接受Promise对象传出的值作为参数。then方法返回的是一个实例（不是原来那个Promise实例）
【区别】
【用代码展示一下then第二个参数和catch的区别】
const p = new Promise((resolve, reject)=>{
resolve(‘对了‘)
})
p.then((res)=>{
throw new Error(‘hello‘);
},(err)=>{
console.log(err,‘第一个then捕获错误‘);
}).catch((err1)=>{
console.log(err1,‘catch捕获错误‘);
})
我们可以发现then中的第二个函数无法捕获到自身第一个函数抛出的异常，catch则可以捕获的得到，如果把catch删除，那么就会报错
const p = new Promise((resolve, reject)=>{
resolve(‘成功了‘)
})
p.then((res)=>{
throw new Error(‘hello‘);
},(err)=>{
console.log(err,‘第一个then捕获错误‘);
})
也可以在继续使用then来捕获上一个then中抛出的错误
const p = new Promise((resolve, reject)=>{
resolve(‘成功了‘)
})
p.then((res)=>{
throw new Error(‘hello‘);
},(err)=>{
console.log(err,‘第一个then捕获错误‘);
}).then((res)=>{},(err1)=>{
console.log(err1,‘第二个then捕获错误‘);
})
就近原则捕获异常，就是区别2
const p = new Promise((resolve, reject)=>{
resolve(‘成功了‘)
})
p.then((res)=>{
throw new Error(‘hello‘);
},(err)=>{
console.log(err,‘第一个then捕获错误‘);
}).then((res)=>{},(err1)=>{
console.log(err1,‘第二个then捕获错误‘);
}).catch((err2)=>{
console.log(err2,‘catch捕获错误‘);
})
Promise.all和 Promise.race的区别
【区别】
【Promise.all】
let p1 = Promise.resolve(‘p1‘)
let p2 = Promise.resolve(‘p2‘)
let p3 = Promise.reject(‘p3‘)
let p4 = Promise.resolve(‘p4‘)
Promise.all([p1, p2, p3, p4]).then(res => {
console.log(‘成功‘, res); //返回数组
}).catch(err => {
console.log(‘失败‘, err);
})
【Promise.race】
let p1 = Promise.reject(‘p1‘)
let p2 = Promise.resolve(‘p2‘)
let p3 = Promise.reject(‘p3‘)
let p4 = Promise.resolve(‘p4‘)
Promise.race([p1, p2, p3, p4]).then(res => {
console.log(‘成功‘, res); //返回数组
}).catch(err => {
console.log(‘失败‘, err);
})
Promise与setTimeout结合猜输出
console.log(‘start‘)
setTimeout(() => {
console.log(‘time‘)
})
Promise.resolve().then(() => {
console.log(‘resolve‘)
})
console.log(‘end‘)
【分析】
其实上面的问题说难不难，说简单也确实不简单。面试官需要的答案总是比你能回答的要再更深一步。不用太多，只一步。
只知道“旧页面传值给新页面”，不够！需要知道：如何处理“新页面回传给旧页面且考虑新页面崩溃情况”？
只知道“Object.defineproperty()”，不够！需要知道：如何监控 DOM 新属性的增加？
只知道“懒加载的滚动监听”，不够！需要知道：懒加载的其它实现方式呢？
只知道“PerformanceTiming API”，不够！需要知道：具体是如何做差，各监控指标的差异在哪，图片资源加载到底如何计时？
呜呼！这算“面试造火箭，工作拧螺丝” 吗？
未必！这些问题在实际工作中是极大可能遇到的，本瓜之前就用过监听本地缓存。PerformanceTiming 更是性能监控的良方，都是为了做出更好的 Web 服务，为什么拒绝呢？
我以为刷刷前端面试题高频考点就够了，没想到面试官还会深挖问题问
标签：lock 服务 throw 绑定 第一个 ror property 面试官 变量
原文地址：https://www.cnblogs.com/hnxx/p/14920033.html
