2024年前端最新笔试百题(1)

原型与继承

1. JavaScript实现继承的方式，不正确的是：

A. 原型链继承

B. 构造函数继承

C. 组合继承

D. 关联继承

2. 所有对象都有原型

A. T

B. F

3. 以下关于原型链的描述正确的是:

A. 通过原型链继承的属性和对象自己定义的属性等效

B. 通过原型链可以模拟对象的私有属性

C. 在对象上访问不存在的属性时,会依次遍历整条原型链

D. 所有 JavaScript 中的对象都是位于原型链顶端的 Object 的实例

答案

DBC

其他

1. 以下不属于前端数据存储方式的是？

A. jsonp

B. cookie

C. localStorage

D. sessionStorage

答案

A

DOM题

事件流

1. 将A元素拖拽并放置到B元素中，B元素需要做哪项操作()？

A. event.preventDefault()

B. event.prevent()

C. event.drag()

D. event.drop()

2. 以下不支持冒泡的鼠标事件为( )？

A. mouseover

B. click

C. mouseleave

D. mousemove

3. 在javascript中，用于阻止默认事件的默认操作的方法是

A. stopDeafault()

B. stopPropagation()

C. preventDefault()

D. preventDefaultEven()

4. 事件传播的三个阶段是什么

目标 -> 捕获 -> 冒泡

冒泡 -> 目标 -> 捕获

目标 -> 冒泡 -> 捕获

捕获 -> 目标 -> 冒泡

5. 下面有关 javascript 常见事件的触发情况，描述错误的是？

A. onchange：用户改变域的内容

B. onkeypress：某个键盘的键被按下或按住

C. onmousedown：某个鼠标按键被按下

D. onblur：元素获得焦点

答案

ACCDD

DOM遍历

1. 下列哪项不属于DOM查找节点的属性()？

A. parentObj.firstChild

B. parentObj.children

C. neborNode.previousSibling

D. neborNode.siblings

2. DOM中，给父节点添加子节点的正确方法为()？

A. appendChild(parentNode,newNode);

B. append(parentNode,newNode);

C. parentNode.append(newNode);

D. parentNode.appendChild(newNode);

3. JavaScript中document.getElementById()返回值的类型为？

A. Array

B. Object

C. String

D. Function

4. DOM中，给父节点添加子节点的正确方法为()？

A. appendChild(parentNode,newNode);

B. append(parentNode,newNode);

C. parentNode.append(newNode);

D. parentNode.appendChild(newNode);

答案

DDBD

其他

1. DOM元素的以下属性改变会导致重排(reflows)的是

outline

visiblity

font-size

background-color

答案

C

BOM题

1. setInterval(updateClock,60)的含义是( )？

A. 每隔60秒调用一次updateClock()

B. 每隔60毫秒调用一次updateClock()

C. 每隔60分钟调用一次updateClock()

D. 每分钟调用60次updateClock()

2. 使用方法( )可以获取到地理位置所在的经纬度？

A. Geolocation.watchPosition()

B. Geolocation.getCurrentPosition()

C. Geolocation.getPosition()

D. Geolocation.Position()

3. setInterval(“alert(‘welcome’);”,1000);这段代码的意思是

A. 等待1000秒后，再弹出一个对话框

B. 等待1秒钟后弹出一个对话框

C. 每隔一秒钟弹出一个对话框

D. 语句报错,语法有问题

答案

BBC

ES6题

箭头函数

1. 下列对js箭头函数描述错误的是()

A. 箭头函数没有原型属性

B. 箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值

C. 箭头函数可以作为构造函数，使用new

D. 箭头函数不绑定arguments，取而代之用rest参数解决

2. 关于箭头函数下列说法错误的一项是：

A. 函数体内this的指向是定义时所在的对象，而不是使用时所在的对象

B. 箭头函数内不能使用arguments对象

C. 箭头函数不能使用yield命令

D. 可以使用new创建一个箭头函数的实例

答案

CD

promise

1. 关于将 Promise.all 和 Promise.race 传入空数组的两段代码的输出结果说法正确的是：

Promise.all([]).then((res) => {

console.log(‘all’);

});

Promise.race([]).then((res) => {

console.log(‘race’);

});

A. all 和 race 都会被输出

B. all 和 race 都不会被输出

C. all 会被输出，而 race 不会被输出

D. all 不会被输出，race 会被输出

2. 以下方案中，不是用于解决回调陷阱的的是：

A. Promise

B. Generator

C. async

D. Proxy

3. 在 ECMAScript6 中，不属于promise的状态是:

A. Pending

B. Pause

C. Fulfilled

D. Rejected

答案

CDB

解构赋值

1. 关于ES6解构表达式,描述正确的是()

let [a,b, c,d, e] = “hello”;

A. e = “hello”;

B. 其它都为undefined

C. 当中 a = “h”, b = “e”;

D. 语法报错

答案

C

多选题

---

JS基础

1. 下面哪些数组方法会改变原数组

A. push

B. concat

C. splice

D. map

2. 下面可以声明数字的js代码是

A. const a = 0xa1

B. const a = 076

C. const a = 0b21

D. const a = 7e2

3. 以下属于操作符 typeof 的返回值的是：

(1)function

(2) object

(3) null

(4) array