ES6入门—ES6的数组与函数，2024前端面试真题精选干货整理

const PI = “3.1415926”;

console.log(PI);

在终端使用以下命令运行：

node index2.js

可以看到，以下结果:

import

在 ES6 之前，使用 require 来导入需要使用的外部的文件，ES6 之后，引入外部的文件或者模块，使用 import，它与 export 配合使用。

案例：

步骤一：新建一个名为 demo1.js 的文件，在其中输入以下代码：

let show = function () {

console.log(“hello world…”);

};

export { show };

步骤二：新建一个名为 demo2.js 的文件，在其中输入以下代码：

import { show } from “./demo1.js”;

let app = new show();

console.log(app);

步骤三：全局安装 babel-cli，在终端输入以下命令：

npm install babel-cli -g

步骤四：安装 babel-preset-env，在终端输入以下命令：

npm install babel-preset-env -D

步骤五：在终端输入以下命令运行 demo2.js 文件：

babel-node --presets env demo2.js

我们会看到如下图所示的效果：

三、ES6 数组

===========================================================================

ES6 apply 方法

apply() 应用某一个对象的一个方法，用另一个对象替换当前对象。

apply([thisObj, argArray]);

示例：

四、ES6 扩展运算符

==============================================================================

扩展运算符（ spread ）是三个点（…），主要用于函数调用，它能够将一个数组转为用逗号分隔的参数序列，也可以用于数组的合并，与解构赋值配合使用等等。

示例：

效果如下：

五、ES6 函数

===========================================================================

函数参数默认值与解构赋值结合

ES6 新增了解构，将一个数据结构分解为更小部分的过程。使用 ES5 提取对象中的信息形式如下：

使用解构可以从对象里取出数据存为变量。

效果如下：

六、rest 参数

============================================================================

ES6 新增了 Rest 参数用来接收函数的多余参数，组成一个数组，放在形参的最后。

示例：