2024年中级前端笔试面试题总结（含答案解析），CSS的三种基础选择器

先按顺序执行同步任务，Promise新建后立即执行输出2，接着输出4，异步任务等同步任务执行完后执行，且同一次事件循环中，微任务永远在宏任务之前执行。这时候执行栈空了，执行事件队列，先取出微任务，输出3，最后取出一个宏任务，输出1。

6、for循环中的作用域问题（考察频率：高）

写出以下代码输出值，尝试用es5和es6的方式进行改进输出循环中的i值。

for (var i=1; i<=5; i++) {

setTimeout(function timer() {

console.log(i);

}, i*1000);

}

• 输出5个6，因为回调函数在for循环之后执行，所有函数共享一个i的引用。

• es5:

for (var i=1; i<=5; i++) {

(function(j) {

setTimeout(function timer() {

console.log(j);

}, j*1000);

})(i);

}

• es6:

for (let i=1; i<=5; i++) {

setTimeout(function timer() {

console.log(i);

}, i*1000);

}

7、闭包的作用（考察频率：中）

闭包的目的是外部函数可以访问内部函数的作用域（局部作用域）。比如访问到内部作用域的变量。

8、原型及原型链（考察频率：中）

原型的理解

• 所有的引用类型（数组、对象、函数），都具有对象特性，即可自由扩展属性（null除外）

• 所有的引用类型（数组、对象、函数），都有一个__proto__属性，属性值是一个普通的对象

• 所有的函数，都有一个prototype属性，属性值也是一个普通的对象

• 所有的引用类型（数组、对象、函数），__proto__属性值指向它的构造函数的prototype属性值

原型链的理解

一段代码如下：

// 构造函数

function Foo(name, age) {

this.name = name

}

Foo.prototype.alertName = function () {

alert(this.name)

}

// 创建示例

var f = new Foo(‘zhangsan’)

f.printName = function () {

console.log(this.name)

}

// 测试

f.printName()

f.alertName()

f.toString()

因为f本身没有toString()，并且f.proto（即Foo.prototype）中也没有toString。当试图得到一个对象