继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

前端面试2021-003

大牧莫邪
关注TA
已关注
手记 95
粉丝 1.7万
获赞 547

一、多选题

1、关于剩余参数的使用,正确的是?AB

A、function fn(name, …args) {…}
B、function fn(…args) {…}
C、function fn(…args, name) {…}
D、function fn(…name, …args) {…}

答案:AB
C问题:剩余参数只能出现在参数列表的最后一个位置
D问题:函数的参数中,剩余参数只能有一个

2、声明类型的语法,正确的是?BC

A、class Person() {}
B、class Person {}
C、function Person () {}
D、function Person {}

答案:BC
A问题,class语法中没有类型名称后面的括号
D问题,function语法中,类型名称后面包含一个括号,使用函数模拟的类型

3、关于ES6中constructor()的描述,正确的是?ABD

A、类型中的构造函数,用来在创建对象的同时初始化对象属性
B、创建指定类型的对象时,会自动调用执行
C、类型中的构造函数,需要手工调用执行
D、类型中的普通函数,需要手工调用执行

答案:ABD
C问题:构造函数是创建对象的时候自动执行,不需要手工调用

4、箭头函数的使用,操作语法正确的是?BD

A、let fn = ()-> console.log(“hello”)
B、let fn = ()=> console.log(“hello”)
C、let fn = name -> console.log(“params”)
D、let fn = name => console.log(“params”)

答案:BD
AC问题:箭头函数中使用错误了箭头符号

5、箭头函数中的参数的使用,正确的是? BD

A、let func = name, age => console.log(名称:${name}, 年龄:${age})
B、let func = (name, age) => console.log(名称:${name}, 年龄:${age})
C、let func = name, age => {console.log(名称:${name}, 年龄:${age})}
D、let func = (name, age) => {console.log(名称:${name}, 年龄:${age})}

答案:BD
AC问题:多个参数出现时,不能省略括号

6、箭头函数中返回值的操作,正确的是?AD

A、let fc = (x, y) => {x++; y++; return x + y;}
B、let fc = (x, y) => {x++; y++; x + y;}
C、let fc = (x, y) => return x + y
D、let fc = (x, y) => x + y

答案:AD
B问题:函数代码部分,带有花括号的情况下需要通过return才能返回数据
C问题:函数代码部分,省略花括号的情况下不需要添加return关键词可以直接返回数据

7、关于类和对象的描述,正确的是?ABD

A、类表示类型的意思
B、对象是包含数据的、实际存在的物体
C、一个类型只能创建一个对象
D、多个对象可以属于一个类型

ABD
C问题:一个类型可以创建多个互相独立的对象

8、ES6类型中,对于静态属性和静态函数的操作正确的是?BC

A、静态属性是声明在类型内部、类型方法外部的、使用let声明的变量
B、静态属性是声明在类型内部、类型方法外部的、使用static声明的变量
C、静态属性是属于类型的属性,所以只能被类型名称调用
D、静态属性是属于类型的属性,所以可以被类型名称和该类型创建的所有对象调用

BC

9、关于函数中使用默认值,操作方式正确的是?ACD

A、function fct(name) { name = name || ‘default’;… }
B、function fct(name) {name = “default”;…}
C、function fct(name=“defeult”) {…}
D、let fct = (name=“default”)=> {…}

ACD
A-原生JS中默认值的添加
B-数据覆盖,不是默认值
C-ES6语法中给形式参数添加默认值
D-箭头函数中使用ES6语法的默认值

10、面向对象的继承关系中,正确的操作语法是?A

A、class Student extends Person {…}
B、class Student(Person) {…}
C、class Student extends Person() {…}
D、class Student extends Person, Job {…}

A
B问题:继承语法,不是类型后面添加括号的语法
C问题:继承的父类不能添加括号
D问题:JS中的继承是单继承机制,不能同时继承多个类型

二、简答题

1、观察下面的代码,最终控制台会输出什么结果呢?请说明原因?

let name = "TOM"
function fn() {
    console.log(name)   // ? 
    let name = "JERRY"
}
fn()

输出错误,let声明的变量存在暂时性死区,变量声明之前不能使用该变量

2、梳理下面的代码,最终输出的数据是什么呢?请说明原因?

let person = {'pName': 'OFFCN', 'pAge': 20, 'pGender': 'male'}
let {pName: name, pAge} = person
console.log(name) 	// ①
console.log(pName)	// ② 
console.log(pAge)	// ③

① 输出OFFCN,别名输出,给pName的值赋值到了一个名称为name的变量中
② 错误,一旦出现了别名赋值,原来的属性名称就不能使用
③ 20
解构赋值中,如果给一个属性添加了别名,属性名称就不能再使用了,所以pName报错

3、解析下面的代码,最终输出什么结果?为什么?

for ( var i = 0; i < 10; i ++ ) {
    setTimeout(function() {
        console.log(i);  // ① 10, 10, 10, 10, 10, 10, 10...
    })
}
for ( let j = 0; j < 10; j ++ ) {
    setTimeout(function() {
        console.log(j);  // ②
    })
}

① 10,var声明的变量的作用域只有全局和局部,for循环中多次循环使用的是同一个作用域空间,setTimeout()延时函数会在循环全部执行完成后输出,循环中最后一次判断时i=10<10跳出循环,此时最终i的值是10;
② 0.1.2.3…9,let声明的变量存在块级作用域,for循环每次循环都是一个独立的作用域,延时函数执行的时候相当于在10个不同的作用域中执行,最终输出了差异化的数据

编程题

1、公司要给员工涨薪,并重新记录到一个新的变量中,请编写代码实现

// 公司员工数据
let emps = [
{name: 'Jams Gosling', job: 'Java工程师', salary: 12000},
{name: 'Guido Van Rossum', job: 'Python工程师', salary: 11000},
{name: 'Brendan Eich', job: 'JavaScript工程师', salary: 12500},
{name: 'John Resig', job: '前端工程师', salary: 12800},
{name: 'Dennis Ritchie', job: 'C工程师', salary: 9000},
{name: 'Bjarne Stroustrup', job: 'C++工程师', salary: 10000},
{name: 'Tim Berners Lee', job: 'WEB工程师', salary: 13000},
{name: 'Alan Cooper', job: 'VB工程师', salary: 8000},
{name: 'Rob Pick', job: 'Go工程师', salary: 13000}
]

请编写代码实现员工的涨薪操作:

解答过程:

var newEmps = emps.map(value=> {
    return {
		...value,
       salary: value.salary + 1000
}
})
console.log(newEmps) // 涨薪后的数组
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP