第七章 函数表达式
1. 定义函数的两种方法 ：
//函数声明法
function sayHi(){
alert("Hi!");
}
//关于函数声明法，他的一个重要特征就是函数声明提升，即在执行代码之前会先读取函数声明，意味着我们可以把函数声明放在调用它语句的后面
//函数表达式
var sayHi = function(){
alert("Hi!");
}
//关于两者的区别
//这样做会报错
if(condition){
function sayHi(){
alert("Hi"!);
}
}
else{
function sayHi(){
alert("Yo!");
}
}
//但这样就不会
if(condition){
sayHi = function(){
alert("Hi"!);
}
}
else{
sayHi = function(){
alert("Yo!");
}
}
2. 递归 :
递归函数是在一个函数通过名字调用自身的情况下构成的。
function factorial(num){
if(num <= 1){
return num;
}
else{
return num * factorial(num - 1);
}
}
//这是一个经典的递归阶乘函数，虽然这个函数表面看起来没什么问题，但下面的代码却可能导致塔出错
var anotherFactorial = factorial;
factorial = null;
alert(anotherFactorial(4)); //出错
//原因是调用anotherFactorial()时，由于必须执行factorial()，所以就会导致错误
//解决方法
function factorial(num){
if(num <= 1){
return num;
}
else{
return num * arguments.callee(num - 1);
}
}
//但在严格模式下不可以通过脚本来访问arguments.callee,不过可以通过命名函数表达式来达到相同的结果
var factorial(num){
if(num <= 1)
{
return num;
}
else
{
return num * f(num - 1);
}
}
//以上代码创建了一个名为f的命名函数表达式，然后将它赋值给变量factorial,即使把函数赋值给了另一个函数，函数的名字f仍然有效，所有递归调用照样完成，这种方式在严格或非严格模式下都可以行得通
3. 闭包 :
-
闭包 :
指的是有权访问另一个函数作用域中变量的函数 -
闭包的用途 :
可以读取函数内部的变量并对其作出修改。
可以让这些变量的值始终保存在内存中。
//读取变量的值
function f1(){
var n = 10;
function f2(){
alert(n);
}
return f2;
}
var result = f1();
result(); //10
//对变量的值作出修改
function f1(){
var n = 10;
function f2(){
alert(n + 1);
}
return f2;
}
var result = f1();
result(); //11
//或者这样对函数作出修改
function f1(){
var n = 10;
function add(n){
n += 1;
}
function f2(){
alert(n);
}
return f2;
}
var result = f1();
result(); //10
add();
result(); //11
//在这段代码中，result实际上就是闭包f2函数。它一共运行了两次，第一次的值是10，第二次的值是11。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。
//为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。
在闭包模式下，this 对象有时候也可能会出现问题。
var name = "the window";
var object = {
name: "the object",
getNameFun: function(){
return function (){
return this.name;
}
}
};
alert(object.getNameFun()()); //the window
如果想访问对象内部的属性，只需要这样就可以了。
var name = "the window";
var object = {
name: "the object",
getNameFun: function(){
var that = this;
return function (){
return that.name;
}
}
};
alert(object.getNameFun()()); //the object
4. 模仿块级作用域 :
如前所述，JavaScript中没有块级作用域的概念，这意味着在 块语句 中定义的变量，实际上是在函数内部创建的（并不是 块语句 内部）。
function numbers(count){
for(var i=0;i < 10;i++)
{
alert(i);
}
alert(i); //计数,i变量仍然可以被访问
}
//上述即使你再块级语句下面再声明一次变量i也无济于事
匿名函数可以用来模仿块级作用域来解决这个问题。
//通用语法如下所示
(function (){
//这里是块级作用域
})(); //后面的括号表示声明函数后立即执行匿名函数
所以上述例子引用块级作用域后应该为…
function numbers(count){
(function (){
for(var i=0;i < 10;i++)
{
alert(i);
}
})();
alert(i); //导致错误
}
