ES6入门—ES6的数组与函数

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

本文会简要介绍 babel 的概念、ES6 声明变量、ES6 数组和 ES6 函数。`

一、babel 简介

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

Babel 是一个转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行，保证了我们可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。

Babel 默认使用一组 ES2015 语法转换器，允许你使用新的语法，无需等待浏览器支持。Babel 内置支持 JSX，与 babel-sublime 包一起结合，将语法高亮功能带到一个新的高度。Babel 支持用户插件，允许你插入强大的 Babel 转换层。

二、ES6 声明变量

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

let

let 声明的变量只在 let 命令所在的代码块内有效。let 声明不存在变量提升，在声明变量之前，变量不存在会报错。

示例：新建一个名为 index1.js 的文件，在其中写入以下代码。

for (let i = 0; i < 10; i++) {

setTimeout(function () {

console.log(i);

});

}

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

node index1.js

可以看到，以下结果:

const

const 声明一个只读的常量，声明时必须进行初始化，常量的值不能改变。

示例：新建一个名为 index2.js 的文件，在其中写入以下代码。

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 参数用来接收函数的多余参数，组成一个数组，放在形参的最后。

示例：

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！