一、js原生问题
function Foo(){
getName=function(){alert(1);}
return this
}//先进行预加载
Foo.getName = function(){alert(2);};
Foo.prototype.getName =function(){alert(3);};
var getName = function(){alert(4);};
function getName(){alert(5);}; //先进行预加载
问题 后接执行结果
Foo.getName() //2 记住函数本身也是对象
getName() //4 页面加载先将函数 考察点是函数的调用区别,函数预解析
Foo.getName() //1 考查作用域和this指向;
getName() //1
new Foo.getName() //2 函数的实例
new Foo().getName()//3 原型链
使用的知识点:
创建函数3种方法
1 函数声明
function 函数名(){
}
2 函数表达式
var 函数名 = funciton(){
}
var fn = function(){
}
fn()
3.构造函数的创建
var 函数名 = new Function(){}
注意:函数声明和函数表达式的区别
1.函数声明可以在任意可见位置调用(即在函数定义的前面,后面都可以调用)
2函数表达式必须先定义后调用
3.函数声明可以预加载,也就是说函数声明有函数提升的作用
二、变量作用域!!!
作用域分类:
全局作用域:
1.在任意位置都可以访问的范围(函数外部,函数内部都可以)
2.全局变量自动会追加到window对象下
,
局部作用域
,
块级作用域
作用域链
二、同步异步问题
//函数1
async function async1() {
console.log("async1 start");
await async2();
console.log("async1 end");
}
//函数2
async function async2() {
console.log( 'async2');
}
console.log("script start");
setTimeout(function () {
console.log("settimeout");
},0);
async1();
new Promise(function (resolve) {
console.log("promise1");
resolve();
}).then(function () {
console.log("promise2");
});
console.log('script end');
问题 : 输出值的顺序是
script start
async1 start
async2
promise1
script end
async1 end
promise2
settimeout
大体思路是先执行同步后执行异步
await 下面的console.log(“async1 end”)被加入到异步队列里
去掉await
script start
async1 start
async2
async1 end
promise1
script end
promise2
settimeout
相关问题
类似异步的面试题有几种问法
1.你说一下JS的执行机制
同步:一行行执行,前面代码没执行完,就不会执行后面的程序
异步:Event Loop
JS是单线程的
JS中哪些操作会产生异步:定时器,dom事件绑定,ajax请求异步
2.你说一下事件循环
3.你说一下什么是宏任务,微任务
4.说一下异步的解决方案:回调函数,Promise管理,async/await
5.。。。。。