函数式编程之 Javascript 基础及环境配置

2. Javascript 基础及环境配置

---

通过上一章我们知道了软件世界的函数就是数学函数，也知道了纯函数的优势，可缓存，并发代码等，这一章将学习如何在 JavaScript 使用函数，并且使用 ES6 的语法，以便掌握 ES6 函数的要领。

但是生产环境中用的一般还是 ES5 的代码，那么这时候就到了 babel 登场的时候了。babel 能够将 ES6 语法写的代码转换成 ES5 的版本，具体的可以试一下 babel

接下来配置一下测试环境

• 创建 learning-functional 文件夹

• 以管理员身份运行命令行，进入这个文件夹

• 运行 npm init 命令，一路回车，最后 yes

• 运行 npm install -g babel 命令

• 运行 npm install -g babel-cli 命令

• 运行 npm install --save-dev babel-preset-es2015-node5 命令

2.1 用第一个函数式方法去处理问题

假设我们要把一个数组遍历并打印，在 js 该如何实现？

`var array = [1,2,3];

for(var i = 0; i < array.length; i++){

console.log(array[i])

}`

在上一章说过，把操作抽象为函数式函数式编程的核心思想，因此，需要把该操作抽象为函数，以便需要的时候重用，这优于重复告诉程序如何去遍历该循环

我们在刚刚创建的 learning-functional 文件夹下面创建一个 lib 文件夹，在 lib 文件夹下面创建一个名为 es6-functional.js 的文件，在里面写下如下代码

`// es6-functional.js

const forEach = (array,fn){

for(let i = 0,len = array.length; i < len; i++){

fn(array[i]);

}

}`

接下来，我们在 learning-functional 文件夹下面创建 functional-playground 文件夹，在 functional-playground 文件夹下面创建 play.js 文件

现在文件结构为

learning-functional

│ package.json

│

└───lib

│ └───es6-functional.js

│

└───functional-playground

│ └───play.js

|

└───node_modules

所以接下来我们可以在 package.json 中配置 "scripts": { "playground":"babel-node functional-playground/play.js --presets es2015-node5" } 这样以后直接运行 npm playground 就行了

2.1.1 export

ES6 引入了模块的概念，上面的例子中，我们可以将 forEach 函数导出以便其他模块可以使用，因此，我们将 es6-functional.js 文件中对的代码做如下修改

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！