前端面试2021-003

一、多选题

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}) 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) // 涨薪后的数组