JavaScript中的函数模式详解_javascript技巧-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 16:14:24

原创

973人浏览过

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）

立即学习“Java免费学习笔记（深入）”；

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

复制代码代码如下:

对于所有变量，无论在函数体的何处进行声明，都会在内部被提升到函数顶部。而对于函数通用适用，其原因在于函数只是分配给变量的对象。

提升，顾名思义，就是把下面的东西提到上面。在JS中，就是把定义在后面的东西（变量或函数）提升到前面中定义。从上面的例子可以看出，在函数hoist内部中的foo和bar移动到了顶部，从而覆盖了全局foo和bar函数。局部函数bar和foo的区别在于，foo被提升到了顶部且能正常运行，而bar()的定义并没有得到提升，仅有它的声明被提升，所以，当执行bar()的时候显示结果为undefined而不是作为函数来使用。

即时函数模式

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

模式一：

复制代码代码如下:

<script><br />
    (function () {<br />
        var a = 1;<br />
        return function () {<br />
            alert(2);<br />
        };<br />
    }()());//弹出2，第一个圆括号自执行，第二个圆括号执行内部匿名函数<br />
</script>

模式二：自执行函数变量的指向

复制代码代码如下:

模式三：嵌套函数

复制代码代码如下:

模式四：自执行函数把它的返回值赋给变量

复制代码代码如下:

    var abc = (function () {

            var a = 1;

            return function () {

                return ++a;

            }

        })();//自执行函数把return后面的函数返回给变量

   alert(abc());//如果是alert(abc)就会弹出return语句后面的代码；如果是abc(),则会执行return后面的函数

模式五：函数内部执行自身，递归

复制代码代码如下:

// 这是一个自执行的函数，函数内部执行自身，递归

function abc() { abc(); }

回调模式

Dbsite企业网站管理系统1.5.0

Dbsite企业网站管理系统V1.5.0 秉承"大道至简邦达天下"的设计理念,以灵巧、简单的架构模式构建本管理系统。可根据需求可配置多种类型数据库（当前压缩包支持Access）.系统是对多年企业网站设计经验的总结。特别适合于中小型企业网站建设使用。压缩包内包含通用企业网站模板一套，可以用来了解系统标签和设计网站使用。QQ技术交流群：115197646 系统特点：1.数据与页