JavaScript函数表达式详解及实例

JavaScript函数表达式

一、序

定义函数的方式有两种:一种是函数声明,另一种就是函数表达式;

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyspjw.html