美文网首页
js函数与函数编程式的理解

js函数与函数编程式的理解

作者: a4316976150e | 来源:发表于2017-02-23 22:02 被阅读0次

函数在实际开发应用当中,大概分为普通函数/匿名函数/自执行函数/构造函数/其中普通函数分为函数表达式,函数声明两种。

在javascript当中,声明有两种声明方式,第一种是var变量声明,第二种就是函数function声明,在执行上下文,创建变量对象的时候,函数声明的优先级比变量声明要高,所以在执行上下文当中,无论在什么位置声明了函数,我们都可以直接使用。

函数表达式

函数表达式语法:var fn = function(){};

是将一个函数赋值给一个变量声明,在执行上下文的时候,我们应该以变量声明的方式去判断函数表达式

使用var声明运行了两布

var fn = undefined  // 声明变量fn = undefined

fn = function(){}  //将值赋给变量

因为函数表达式与函数声明的声明方式不一样,所有有一点声明上的差异,在使用方式上面并无不同。

一般使用的场景为给函数添加方法,给构造函数加方法之类的。

匿名函数

匿名函数语法:function(){}

匿名函数故名意义,就是一个没有名字的函数,使用场景多作为一个参数传给函数

var fn = function(bar,img){

return bar + img

}

fn(function(){

return 1;

},30)

在以上的例子当中,将一个匿名函数作为参数传给了fn函数表达式。

在执行上下文创建的时候,匿名函数作为anguments对象保存在了fn变量对象当中

这个方式因为函数其实是在别动函数当中执行,所以也叫回调函数;

自执行函数与块级作用域以及模块化

因为js没有块级作用域,所以我们一班用一个自执行函数来模仿一个块级作用域来提供一个独立的执行上下文,加上闭包,我们就可以将其模块化。

一个模块包括:私有变量,私有方法,公用变量,公用方法;

根据作用域链的单向访问,我们可以很轻易的创建私有变量和私有方法。

而公用变量和方法,我们可以根据闭包的特性来做,例如

这是例子

函数编程式

函数可以赋值给其他变量,也可以作为一个参数传给其他函数,也可以作为其他函数的返回值

只用表达式不用语句

表达式是一个单纯的运算过程,结果是肯定会返回值的;

而语句是一个过程,是没有值的

函数编程式要求只用表达式不用语句

没有副作用

副作用的意思是函数内部与外部进行互动,比方说修改了外部变量的值

函数编程式强调没有副作用,意思是函数要保持独立,功能就是返回一个新的值,不会去修改不关于它的任何东西,

相关文章

  • js函数与函数编程式的理解

    函数在实际开发应用当中,大概分为普通函数/匿名函数/自执行函数/构造函数/其中普通函数分为函数表达式,函数声明两种...

  • Js知识点及刷题记录

    知识点:匿名函数,函数作用域,异步执行的理解 一,微信小程序中page页面里面的函数定义与js的差异js中: 而p...

  • 函数式编程学习资料汇总

    在线阅读 函数式编程入门教程-阮一峰的网络日志 JS函数式编程式指南 Transducers Functor 图书...

  • JS学习笔记-构造一个画廊

    主函数main.html JS代码showPic.js代码 说下对onclick函数的理解,这个函数的返回值默认为...

  • 代码规范-1

    JS/TS部分: 函数与函数之间空一行 js/ts 函数的大括号与函数名再同一行 注意行末的分号4 注意空格 函数...

  • jquery

    1、jQuery入口函数与Js入口函数的区别【注】js入口函数指的是:window.onload = functi...

  • JavaScript中的函数

    @(javascript)[js函数] [toc] JavaScript中的函数 函数的分类与定义函数的方式 Ja...

  • 函数节流与函数防抖

    函数节流与函数防抖的区别JS魔法堂:函数节流(throttle)与函数去抖(debounce)函数的防抖与节流 自...

  • 我的JS笔记 -- 类

    JS是没有类的,但JS可以利用构造函数实现近似类的功能。 构造函数 构造函数,是用来创建对象的函数。与普通的函数声...

  • 2018-07-09

    JS匿名函数理解 匿名函数的基本形式为(function(){...})();前面的括号包含函数体,后面的括号就是...

网友评论

      本文标题:js函数与函数编程式的理解

      本文链接:https://www.haomeiwen.com/subject/pxxiwttx.html