教育改变生活,科泰成就梦想!
免费热线:400-696-8028

教学课堂CLASSROOM

开班信息
热门话题
web开发
目前所在位置: 首页 > web开发

Web前端技术之JavaScript函数式编程

来源:北大青鸟科泰校区时间:2019-10-18

内容提要: 随着技术的更新以及企业需求变化,只是掌握基本技术的前端工程师已经无法满足需求,企业需要的是拥有更高深技能、实战经验丰富的HTML5大前端工程师。在这里,北大青鸟长沙科泰给大家分享Web前端技术之JavaScript函数式编程!

随着技术的更新以及企业需求变化,只是掌握基本技术的前端工程师已经无法满足需求,企业需要的是拥有更高深技能、实战经验丰富的HTML5大前端工程师。在这里,北大青鸟长沙科泰给大家分享Web前端技术之JavaScript函数式编程!

什么是函数式编程?

函数式编程是一种编程范式,主要是利用函数把运算过程封装起来,通过组合各种函数来计算结果。函数式编程意味着你可以在更短的时间内编写具有更少错误的代码。函数式编程有两个基本特点:通过函数来对数据进行转换、通过串联多个函数来求结果。

JavaScript函数式编程模式类型:

命令式:通过编写一条又一条指令去让计算机执行一些动作,这其中一般都会涉及到很多繁杂的细节。命令式代码中频繁使用语句,来完成某个行为。比如 for、if、switch、throw等这些语句。

代码举例:

//命令式

var CEOs = [];

for(var i = 0; i <>

CEOs.push(companies[i].CEO)

}

声明式:通过写表达式的方式来声明我们想干什么,而不是通过一步一步的指示。表达式通常是某些函数调用的复合、一些值和操作符,用来计算出结果值。

代码举例:

//声明式

var CEOs = companies.map(c => c.CEO);

对比命令式和声明式,我们可以了解到声明式的写法是一个表达式,无需关心如何进行计数器迭代、返回的数组如何收集,它指明的是做什么,而不是怎么做。函数式编程的一个明显的好处就是这种声明式的代码,对于无副作用的纯函数,我们完全可以不考虑函数内部是如何实现的,专注于编写业务代码。

JavaScript函数式编程常见特性:

1、无副作用。指调用函数时不会修改外部状态,即一个函数调用 n 次后依然返回同样的结果。

2、透明引用。指一个函数只会用到传递给它的变量以及自己内部创建的变量,不会使用到其他变量。

3、不可变变量。指的是一个变量一旦创建后就不能再进行修改,任何修改都会生成一个新的变量,使用不可变变量最大的好处是线程安全。由于JavaScript原生不支持不可变变量,需要通过第三方库来实现(如Immutable.js、Mori等)。

4、函数是一等公民。指的是函数与其他数据类型一样,处于平等地位,可以赋值给其他变量,也可以作为参数,传入另一个函数,或者作为别的函数的返回值。

常见的函数式编程模型:

1、闭包(Closure)。

如果一个函数引用了自由变量,那么该函数就是一个闭包。所谓自由变量是指不属于该函数作用域的变量。闭包的形成条件:存在内、外两层函数,内层函数对外层函数的局部变量进行了引用。

闭包的用途:可以定义一些作用域局限的持久化变量,这些变量可以用来做缓存或者计算的中间量等。闭包的弊端:持久化变量不会被正常释放,持续占用内存空间,很容易造成内存浪费,所以一般需要一些额外手动的清理机制。

2、高阶函数

高阶函数指的是一个函数以函数为参数,或以函数为返回值,或者既以函数为参数又以函数为返回值。函数式编程倾向于复用一组通用的函数功能来处理数据,它通过使用高阶函数来实现。

JavaScript语言是原生支持高阶函数的, 例如Array.prototype.map、Array.prototype.filter和Array.prototype.reduce是JavaScript中内置的一些高阶函数,使用高阶函数会让我们的代码更清晰简洁。

3、函数柯里化

柯里化又称部分求值,柯里化函数会接收一些参数,然后不会立即求值,而是继续返回一个新函数,将传入的参数通过闭包的形式保存,等到被真正求值的时候,再一次性把所有传入的参数进行求值。

柯里化是一种“预加载”函数的方法,通过传递较少的参数,得到一个已经记住了这些参数的新函数,某种意义上讲,这是一种对参数的“缓存”,是一种非常高效的编写函数的方法!

4、函数组合 (Composition)

函数式编程的一个特点是通过串联函数来求值,然而随着串联函数数量的增多,代码的可读性就会不断下降,函数组合就是用来解决这个问题的方法。

联系我们

扫码关注科泰

免费咨询:400-696-8028

报名电话:0731-88122069

咨询QQ: 783463085

学校地址:长沙市开福区湘江北路与开顺路交汇处(金霞跨境产贸城)

在线报名

长沙北大青鸟科泰IT梦想学院·长沙科泰电子商务有限公司·版权所有__湘ICP备19001789号-1