JavaScript 核心笔试题（含答案解析）.docxVIP

JavaScript核心笔试题（含答案解析）

一、基础语法题（共3题，每题10分）

1.变量类型与比较

请写出以下代码的输出结果，并说明原因：

consta=10;

constb=10;

constc=[10];

console.log(a==b);

console.log(a===b);

console.log(a==c);

console.log(a===c);

2.函数参数与默认值

以下代码执行后，console.log的输出结果是什么？为什么？

functionadd(x,y=2){

returnx+y;

}

console.log(add(1));

console.log(add(1,undefined));

console.log(add(1,null));

3.数组方法应用

请用数组方法实现：筛选出数组[1,3,5,7,9,2,4,6,8]中大于5的元素，并将这些元素乘以2，最终返回新数组（要求一行代码完成）。

二、原型与继承题（共2题，每题15分）

1.原型链查找

请写出以下代码的输出结果，并分析原型链查找过程：

functionPerson(name){

this.name=name;

}

Person.prototype.sayHi=function(){

console.log(`Hi,${this.name}`);

};

constp1=newPerson(Tom);

constp2=Object.create(p1);

p2.name=Jerry;

p2.sayHi();

console.log(p2.__proto__===p1);

console.log(p1.__proto__===Person.prototype);

2.类的继承

请基于ES6的class语法，实现一个Student类继承自Person类，要求：

Student类新增grade属性（年级）

重写sayHi方法，输出Hi,我是${name}，年级${grade}

新增study方法，输出${name}正在学习

三、异步编程题（共2题，每题15分）

1.异步执行顺序

请写出以下代码的输出顺序，并说明原因：

console.log(start);

setTimeout(()={

console.log(setTimeout1);

},0);

Promise.resolve().then(()={

console.log(promisethen);

});

console.log(end);

2.异步函数处理

请用async/await改造以下回调地狱代码，使其更简洁易读：

functionfetchData(url,callback){

//模拟接口请求

setTimeout(()={

callback(`数据：${url}`);

},1000);

}

//原回调地狱

fetchData(url1,(data1)={

console.log(data1);

fetchData(url2,(data2)={

console.log(data2);

fetchData(url3,(data3)={

console.log(data3);

});

});

});

四、闭包与作用域题（共1题，10分）

1.闭包应用

以下代码执行后，点击页面上的3个按钮，分别会输出什么？如何修改代码让点击第n个按钮输出n（n从1开始）？

button按钮1/button

button按钮2/button

button按钮3/button

script

constbuttons=document.querySelectorAll(button);

for(vari=1;i=buttons.length;i++){

buttons[i-1].onclick=function(){

console.log(i);

};

}

/script

答案及解析

一、基础语法题

输出结果：true、false、true、false

解析：==会进行类型转换，10==10转换为数字比较；10==[10]数组会转为原始类型（toString()得到10）；===严格比较类型和值，均不相等。

输出结果：3、3、1

解析：默认参数仅在参数为undefined