JS和函数式语言的三特性


Posted in Javascript onMarch 05, 2014

首先要有一个概念:并不是一个语言支持函数,这个语言就可以叫做“函数式语言”。函数式语言中的函数(function),除了能被调用之外,还具有一些其他性质。有以下三点:
1. 函数是运算元
2. 在函数内保存数据
3. 函数内的运算对函数外无副作用
一、函数是运算元
普通的函数调用时,可以抽象的理解为:函数就是一个运算符,传入的参数是运算元;
但当JavaScript中的函数作为另一个函数的参数使用时,是传递引用的,这个“传入参数”就可以被理解为是一个运算元。由此的结论是,(作为“传入参数”的)函数具有运算元的含义,“函数参数”与普通参数并没有什么不同。

二、在函数内保存数据
在命令式语言中,函数内部的私有变量(局部变量)是不能被保存的。从程序的执行方式上来讲,局部变量在栈上分配,在函数执行结束后,所占用的栈被释放。因此函数内的数据不可能被保存。
在JavaScript的函数中,函数内的私有变量可以被修改,而且当再次“进入”到该函数内部时,这个被修改的状态仍将持续。下面的例子说明了这个特性:

  var set,get;
  function MyFunc(){
      var value = 100;
      function set_value(v){
          value = v;
      }
      function get_value(){
          return value;
      }
      set = set_value;
      get = get_value;
  }  
  MyFunc();
  console.log(get()); //100
  set(300);
  console.log(get()); //300

显而易见的一个好处是,如果一个数据能够在函数内持续保存,那么该函数(作为构造器)赋给实例时就可以使用这些数据进行运算;而在多个实例之间,由于数据存在于不同的闭包中,由此相互不会产生影响。
以面向对象的术语来解释,就是说不同的实例有各自的私有数据(复制自某个公共的数据)。下面的例子说明了这个特性:
  function MyObject(){
      var value = 100;
      this.setValue = function(){
          value = v;
      }
      this.showValue = function(){
          console.log(value);
      }
  }
  var obj1 = new MyObject();
  var obj2 = new MyObject();
  obj2.setValue(300);
  obj1.showValue(); //100;

三、函数内的运算对函数外无副作用
这一特性的含义在于:
* 函数使用入口参数进行运算,而不修改它(作为值参数而不是变量参数使用)
* 在运算过程中不会修改函数外部的其他数据的值(例如全局变量)
* 运算结束后通过“函数返回”向外部系统传值

这样的函数在运算过程中对外部系统是无副作用的。然而我们注意到,JavaScript允许在函数内部引用和修改全局变量,甚至可以声明全局变量。这一点其实是破坏它的函数式特性的。
除此之外,JavaScript也允许在函数内修改对象和数组成员————这些成员应该由对象方法而非对象系统外的其他函数来修改。
所以:JavaScript这项特性只能通过开发人员的编程习惯来保证。

Javascript 相关文章推荐
JQuery中的ready函数冲突的解决方法
May 17 Javascript
使用Javascript接收get传递的值的代码
Nov 30 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
Dec 11 Javascript
jquery实现控制表格行高亮实例
Jun 05 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
Jun 16 Javascript
jquery实现炫酷的叠加层自动切换特效
Feb 01 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
老生常谈Bootstrap媒体对象
Jul 06 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
jquery 使用简明教程
Mar 05 #Javascript
jquery form表单序列化为对象的示例代码
Mar 05 #Javascript
js对文章内容进行分页示例代码
Mar 05 #Javascript
JavaScript获取XML数据附示例截图
Mar 05 #Javascript
js通过八个点 拖动改变div大小的实现方法
Mar 05 #Javascript
javascript日期格式化示例分享
Mar 05 #Javascript
javascript避免数字计算精度误差的方法详解
Mar 05 #Javascript
You might like
国王的咖啡这么大来头,名字的由来是什么
2021/03/03 咖啡文化
PHP+XML 制作简单的留言本 图文教程
2009/11/02 PHP
通过JavaScript或PHP检测Android设备的代码
2011/03/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十三)
2014/06/26 PHP
PHP实现UTF-8文件BOM自动检测与移除实例
2014/11/05 PHP
PHP与以太坊交互详解
2018/08/24 PHP
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
2013/07/30 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
jQuery往返城市和日期查询实例讲解
2015/10/09 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
js 定义对象数组(结合)多维数组方法
2016/07/27 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
移动端点击态处理的三种实现方式
2017/01/12 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
移动设备手势事件库Touch.js使用详解
2017/08/18 Javascript
解决vue打包css文件中背景图片的路径问题
2018/09/03 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
Python自动化开发学习之三级菜单制作
2017/07/14 Python
Python实现k-means算法
2018/02/23 Python
推荐10款最受Python开发者欢迎的Python IDE
2018/09/16 Python
Pytorch转onnx、torchscript方式
2020/05/25 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
2013年研究生毕业感言
2014/02/06 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
运动会100米广播稿
2015/08/19 职场文书