女王控的博客

面试难题解析

微任务与任务队列的执行顺序

js 复制代码
let b = 0;
let promise = new Promise((resolve) => {
  let b = 1;
  console.log(b);
  resolve('A');
});
promise
  .then((data) => {
    console.log('2');
    return 'B';
  })
  .then((data) => {
    console.log(data);
  })
  .then((data) => {
    console.log(b);
    console.log(data);
  });
promise.then(() => {
  console.log('3');
});
  1. 写出以上代码的输出结果,分析原因

    • 123B0undefined
    • 执行顺序:同步环境执行 -> 事件循环 1(microtask queue 的 All)-> 事件循环 2(macrotask queue 中的一个) -> 事件循环 1(microtask queue 的 All)-> 事件循环 2(macrotask queue 中的一个)
  2. 修改代码,使 3 秒钟输出 3,再 2 秒钟输出 2,再 1 秒钟输出 1(A、B 可忽略)
js 复制代码
function next(n) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      resolve(n);
    }, n * 1000);
  });
}

next(3)
  .then((data) => {
    console.log(data);
    return next(2);
  })
  .then((data) => {
    console.log(data);
    return next(1);
  })
  .then((data) => {
    console.log(data);
  });

this 指向与 new

js 复制代码
// 方式1:一个构造函数嘛,里面有个全部变量getName 指向一个匿名函数(小心闭包)
function Foo() {
  getName = function() {
    console.log(1);
  };
  return this;
}
// 方式2:构造函数的一个属性getName 指向一个匿名函数
Foo.getName = function() {
  console.log(2);
};
// 方式3:构造函数的原型上有个getName方法
Foo.prototype.getName = function() {
  console.log(3);
};
// 方式4:定义一个变量指针指向一个匿名函数
var getName = function() {
  console.log(4);
};
// 方式5:声明一个叫getName的有名函数
function getName() {
  console.log(5);
}

写出以下代码的输出结果

js 复制代码
Foo.getName(); //2,当做对象,是Foo的属性,直接调用对象内的方法
getName(); //4,函数声明提升高于变量声明提升(被忽略)
Foo().getName(); //1,当做函数,函数foo执行,this指向window,getName被覆盖
getName(); //1
new Foo.getName(); //2,优先级:new Foo() >  Foo() > new Foo,Foo.getName首先执行,再new实例Foo对象
new Foo().getName(); //3,先执行new Foo()生成新的实例对象,并且继承了Foo()这个构造函数中的getName方法,以方式3执行
new new Foo().getName(); //3,同上,多了一次new Foo的实例对象

评论

阅读上一篇

Redux入门学习
2018-06-12 14:09:04

阅读下一篇

你不知道的JS之this
2018-05-27 14:34:18
0%