标签:
在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数。
本文中主要看看函数表达式及其相关的知识点。
首先,看看函数表达式的表现形式,函数表达式(Function Expression, FE)有下面四个特点:
下面就通过一些例子来看看函数表达式的这四个特点。
例子一:在下面代码中,"add"是一个函数对象,"sub"是一个普通JavaScript变量,但是被赋值了一个函数表达式" function (a, b){ return a - b; } ":
function add(a, b){
return a + b;
}
var sub = function (a, b){
return a - b;
}
这一小节可能有些钻牛角尖,但是这里想演示递归调用可能出现的问题,以及通过命名函数表达式以更安全的方式执行递归。
下面看一个求阶乘的例子,由于函数对象也是可以被改变的,所以可能会出现下面的情况引起错误。
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * factorial(num-1);
}
}
console.log(factorial(5))
// 120
newFunc = factorial
factorial = null
console.log(newFunc(5));
// Uncaught TypeError: factorial is not a function(…)
这时,可以利用函数的arguments对象的callee属性来解决上面的问题,也就是说在函数中,总是使用"arguments.callee"来递归调用函数。
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * arguments.callee(num-1);
}
}
但是上面的用法也有些问题,当在严格模式的时候"arguments.callee"就不能正常的工作了。
比较好的解决办法就是使用命名函数表达式,这样无论"factorial"怎么改变,都不会影响函数表达式" function f(num){…} "
var factorial = (function f(num){
if (num <= 1){
return 1;
} else {
return num * f(num-1);
}
});
console.log(add(1, 3)); // 4 console.log(sub(5, 1)); // 4
通过这个例子,可以直观的看到函数表达式的前两个特点:
标签:
原文地址:http://www.cnblogs.com/jiny123/p/4951706.html