当前位置：Gxlcms > JavaScript > JavaScript中的函数模式详解_javascript技巧

JavaScript中的函数模式详解_javascript技巧

时间：2021-07-01 10:21:17 帮助过：7人阅读

JavaScript设计模式的作用是提高代码的重用性，可读性，使代码更容易的维护和扩展

在javascript中，函数是一类对象，这表示他可以作为参数传递给其他函数；此外，函数还可以提供作用域。

创建函数的语法

命名函数表达式

代码如下:

//命名函数表达式

var add = function add(a,b){

    return a+b;

};

函数表达式

代码如下:

//又名匿名函数

var add = function(a,b){

    return a+b;

};

为变量 add 赋的值是函数定义本身。这样，add 就成了一个函数，可以在任何地方调用。

函数的声明

代码如下:

function foo(){

    //code here

}  //这里可以不需要分号

在尾随的分号中，函数表达式应总是使用分号，而函数的声明中并不需要分号结尾.

函数声明与表达式

函数的提升（hoisting）

函数声明的行为并不等同于命名函数表达式，其区别在于提升（hoisting）行为，看下面例子：

代码如下:

结果为undefined而不是作为函数来使用。

即时函数模式

函数也是对象，因此它们可以作为返回值。使用自执行函数的好处是直接声明一个匿名函数，立即使用，省得定义一个用一次就不用的函数，而且免了命名冲突的问题，js中没有命名空间的概念，因此很容易发生函数名字冲突，一旦命名冲突以最后声明的为准。

模式一：

代码如下:

输出"function"

    add(3)(4);//7

    //创建并存储一个新函数

    var add2000 = add(2000);

    add2000(10);//输出2010

当第一次调用add()时，它为返回的内部函数创建了一个闭包。该闭包将原始的x和y值存储到私有变量oldx和oldy中。

现在，我们将可使用任意函数curry的通用方法，如：

代码如下:

输出13

何时使用Curry化

当发现正在调用同一个函数时，并且传递的参数绝大多数都是相同的，那么该函数可能是用于Curry化的一个很好的候选参数

人气教程排行