ES6 面试题 | 02.精选 ES6 面试题

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6

🍨 阿珊和她的猫_CSDN个人主页

🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》

🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

文章目录

- ES6中的模板字符串是什么？如何使用它？
- 什么是默认参数函数？如何在函数参数中设置默认值？
- [解释spread operator（扩展运算符）及其在数组和对象中的应用。](#解释spread operator（扩展运算符）及其在数组和对象中的应用。)
- [解释rest parameter（剩余参数）及其在函数参数中的使用。](#解释rest parameter（剩余参数）及其在函数参数中的使用。)
- 剩余参数和扩展运算符有什么区别？

ES6中的模板字符串是什么？如何使用它？

ES6 中的模板字符串是一种新的字符串字面量语法 ，允许在字符串中插入表达式。它使用反引号作为开始和结束标记，并使用 ${} 包裹表达式。

以下是一些使用模板字符串的示例：

插入变量：

javascript 复制代码

const name = 'Alice';
const age = 25;

console.log(`Hello, ${name}! You are ${age} years old.`);

插入函数调用：

javascript 复制代码

const greeting = 'Hello, ';
const name = 'Alice';

console.log(`${greeting}${name}!`);

多行字符串：

javascript 复制代码

const multiLineString = `This is a
multi-line
string.`;
console.log(multiLineString);

字符串插值：

javascript 复制代码

const person = {
  name: 'Alice',
  age: 25
};

console.log(`Name: ${person.name}. Age: ${person.age}.`);

模板字符串提供了一种方便的方式来构建动态字符串，可以将变量、函数调用和其他表达式插入到字符串中。它们使字符串格式化更加直观和易于维护。

什么是默认参数函数？如何在函数参数中设置默认值？

默认参数函数是指在函数定义时为其中的一个或多个参数提供默认值。当调用函数时，如果没有提供相应的参数值，将使用默认值。

以下是在 JavaScript 中设置函数参数默认值的示例：

javascript 复制代码

function greet(name = 'World') {
  console.log(`Hello, ${name}!`);
}

greet(); 
greet('Alice');

在上述示例中，定义了一个名为 greet 的函数，它接受一个参数 name，并设置了默认值为 'World'。当调用 greet() 时，没有提供 name 参数，将使用默认值 'World'。当调用 greet('Alice') 时，提供了具体的 name 参数值，将使用传递的值。

通过设置默认参数，可以使函数更加灵活和易用。在函数调用时，可以根据需要提供具体的参数值，或者使用默认值。

解释spread operator（扩展运算符）及其在数组和对象中的应用。

扩展运算符（Spread Operator）是 JavaScript 中的一种新的运算符，用于将一个数组或对象展开为多个参数，或者将多个参数合并为一个数组或对象。

在数组中的应用：

javascript 复制代码

const numbers = [1, 2, 3];
const sum = numbers.reduce((a, b) => a + b, 0);
console.log(sum);

在对象中的应用：

javascript 复制代码

const person = { name: 'Alice', age: 25 };
const details = { ...person, city: 'New York' };
console.log(details);

在上述示例中，扩展运算符用于将数组 numbers 展开为多个参数传递给 reduce 方法，以及将对象 person 展开为多个参数传递给对象 details。这使得代码更加简洁和易读。

解释rest parameter（剩余参数）及其在函数参数中的使用。

剩余参数（Rest Parameters）是 JavaScript 中的一种新的参数形式，允许函数接受任意数量的参数，并将它们作为一个数组进行处理。

以下是剩余参数在函数参数中的使用示例：

javascript 复制代码

function greet(...names) {
  console.log(names.join(' and '));
}

greet('Alice', 'Bob', 'Charlie');

在上述示例中，定义了一个名为 greet 的函数，它接受一个剩余参数 names。在函数调用时，可以提供任意数量的参数，它们将作为 names 参数的值，并通过 join 方法将它们连接起来。

剩余参数提供了一种方便的方式来处理不确定数量的参数，使函数更加灵活和可扩展。

剩余参数和扩展运算符有什么区别？

剩余参数（Rest Parameters）和扩展运算符（Spread Operator）是 JavaScript 中的两个概念，它们在函数参数和数组操作方面有不同的用途。

剩余参数是用于函数参数的，它允许函数接受任意数量的参数，并将它们作为一个数组进行处理。剩余参数使用三个点 ... 来表示，例如 function foo(...args) {}。
扩展运算符是用于数组和对象的，它允许将一个数组或对象展开为多个参数，或者将多个参数合并为一个数组或对象。扩展运算符使用三个点 ... 来表示，例如 const arr = [1, 2, 3, 4]; const newArr = [...arr]; 或 const obj = { a: 1, b: 2 }; const newObj = { ...obj, c: 3 };。

简而言之，剩余参数用于函数参数，而扩展运算符用于数组和对象的操作。