微任务与任务队列的执行顺序
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');
});-
写出以上代码的输出结果，分析原因
- 123B0undefined
- 执行顺序：同步环境执行 -> 事件循环 1(microtask queue 的 All)-> 事件循环 2(macrotask queue 中的一个) -> 事件循环 1(microtask queue 的 All)-> 事件循环 2(macrotask queue 中的一个)
- 修改代码，使 3 秒钟输出 3，再 2 秒钟输出 2，再 1 秒钟输出 1(A、B 可忽略)
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
// 方式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);
}写出以下代码的输出结果
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的实例对象