avaScript函数表达式

本文和大家分享的主要是javascript 函数表达式相关内容，一起来看看吧，希望对大家 学习javascript http://www.maiziedu.com/course/web/有所帮助。

　　一、序

　　定义函数的方式有两种：一种是函数声明，另一种就是函数表达式；

　　1.1  函数声明

　　 function  functionName(arg){

　　// 函数体

　　}

　　关于函数声明，它有一个重要特征就是函数声明提升，意思就是在执行代码之前会先读取函数声明。这就意味着可以把函数放在调用它的语句后面。如下所示：

　　helloworld(); // 在代码执行之前会先读取函数声明 function  helloworld(){

　　console.log("hello world");

　　}

　　1.2  函数表达式

　　 var functionName= function(arg){

　　// 函数体

　　}

　　这种形式看起来好像是常规的变量赋值语句，即创建一个函数并将它赋值给变量functionName 。这种情况下创建的函数叫做匿名函数。因为 function 关键字后面没有标识符。

　　函数表达式与其他表达式一样，在使用之前必须先赋值；如下面代码就会导致错误；

　　helloworld(); // 错误，还未赋值，函数不存在

　　 var helloworld= function(){

　　console.log("hello world");

　　}

　　有了函数表达式，我们就可以动态给函数表达式赋值了；如下面代码：

　　 var helloworld; // 声明 if(condition){ // 条件

　　helloworld= function(){ // 赋值

　　console.log("hello world");

　　}

　　} else{

　　helloworld= function(){ // 赋值

　　console.log(" 你好，世界 ");

　　}

　　}

　　二、递归函数

　　递归函数是在一个函数通过名字调用自身的情况下构成的（和 C# 等语言一样，所以程序的核心思想是差不多，只是在语法上有些差异，学好一门语言的基础，学习其他就会轻松很多），举个经典的递归面试题，一列数的规则如下  : 1  、  1  、  2  、  3  、  5  、  8  、 13  、  21  、  34……  求第  30  位数是多少，  用递归算法实现，代码如下所示：

　　 function  foo(n) {

　　 if (n <= 0)

　　 return 0;

　　 else  if (n > 0 && n <= 2)

　　 return 1;

　　 else

　　 return foo(n - 1) + foo(n - 2);

　　}

　　虽然这个函数表明看来没有什么问题，但下面的代码却可能导致它出错：

　　 var foo1 = foo;

　　foo = null;

　　console.log(foo1(34));

　　以上代码先把foo() 函数保存在变量 foo1 中，然后将 foo 变量设为 null ，结果指向原始函数的引用只剩下一个。但在接下来调用 foo1() 时，由于必须执行 foo() ，而 foo 已经为 null 了，所以就会导致错误；在这种情况下，使用 arguments.callee 可以解决这个问题。 arguments.callee 是一个指向正在执行的函数的指针，因此可以用它来实现对函数的递归调用

　　 function  foo(n) {

　　 if (n <= 0)

　　 return 0;

　　 else  if (n > 0 && n <= 2)

　　 return 1;

　　 else

　　 return arguments.callee(n - 1) + arguments.callee(n - 2);

　　}

　　也可以使用命名函数表达式来达成相同的结果。例如：

　　var foo = ( function f( n) {

　　if ( n <= 0)

　　return 0;

　　else if ( n > 0 && n <= 2)

　　return 1;

　　else

　　return f( n - 1) + f( n - 2);

　　});

　　三、闭包

　　3.1  闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的常见方式，就是在一个函数内部创建另一个函数。要理解闭包，首先必须理解 JavaScript 特殊变量的作用域。变量的作用域无非就是两种，全局变量和局部变量；接下来写几个 demo 来直观表达；

　　函数内部直接读取全局变量：

　　 var n = 100; // 定义一个全局变量

　　 function  fn() {

　　console.log(n); // 函数内部直接读取全局变量

　　}

　　fn();

　　函数外部不能直接读取局部变量：

　　 function  fn() {

　　 var n = 100;

　　}

　　console.log(n); //n is not defined

　　在这里有个地方需要注意的是，在函数内部声明变量的时候，一定要用var , 如果没用，则会变成全局变量：

　　 function  fn() {

　　n = 100;

　　}

　　 fn();

　　console.log(n); //100

　　有时候我们需要得到函数内部声明的变量，所以可以使用上面提到创建闭包的常用方式，在函数内部创建另一个函数：

　　 function  fn() {

　　n = 100;

　　 function  fn1() {

　　console.log(n);

　　}

　　fn1();

　　}

　　fn(); //100

　　在上面的代码中，函数fn1 就被包括在函数 fn 内部，这时 fm 内部的所有局部变量，对 fn1 都是可见的。但是反过来就不行， fn1 内部的局部变量，对 fn 就是不可见的。这就是 Javascript 语言特有的 " 链式作用域 " 结构，子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

　　竟然fn1 可以读取 fn 内部变量，那么只要把 fn1 作为返回值，这要我们就可以在外部读取 fn 的变量了

　　 function  fn() {

　　n = 100;

　　 function  fn1() {

　　console.log(n);

　　}

　　 return fn1;

　　}

　　 var result=fn();

　　result(); //100

　　在这里fn1 就是闭包，闭包就是能够读取其他函数内部变量的函数。由于在 Javascript 语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成 " 定义在一个函数内部的函数 " 。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

　　3.2   闭包的用途

　　它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。如下面代码所示：

　　 function  fn() {

　　n = 100;

　　nadd =  function () {

　　n += 1;

　　}

　　 function  fn1() {

　　console.log(n);

　　}

　　 return fn1;

　　}

　　 var result = fn();

　　result(); //100

　　nadd();

　　result(); //101

　　注意：由于闭包函数会携带包含它的函数的作用域，因此会比其他函数占用更多的内存，过度使用闭包可能会导致内存占用过多，所以在退出函数之前，将不使用的局部变量全部删除。

　　四、块级作用域

　　块级作用域（又称为私有作用域）的匿名函数的语法如下所示：

　　( function(){

　　// 块级作用域

　　})();

　　无论在什么地方，只要临时需要一些变量，就可以使用私有作用域，比如：

　　( function () {

　　var now = new Date();

　　if ( now.getMonth() == 0 && now.getDate() == 1) {

　　alert(" 新年快乐 ");

　　}

　　})();

　　把上面这段代码放到全局作用域中，如果到了1 月 1 日就会弹出 “ 新年快乐 ” 的祝福；这种技术经常在全局作用域中被用在函数外部，从而限制向全局作用域中添加过多的变量和函数。一般来说 , 我们都应该尽量少向全局作用域中添加变量和函数。在一个由很多开发人员共同参与的大型应用程序中，过多的全局变量和函数很容易导致命名冲突。而通过创建私用作用域，每个开发人员既可以使用自己的变量，又不必担心搞乱全局作用域。

来源：  博客园