高级程序设计学习笔记-第七章-函数表达式

本文深入探讨了JavaScript中函数声明和函数表达式的区别,包括它们的定义方式、特性及应用,特别关注函数声明提升、匿名函数以及递归函数的实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

定义函数的方式:1.函数声明;2.函数表达式

 1. 函数声明:

function functionName(arg0,arg11,arg2) {
    // 函数体
}

  Firefox、Safari、Chrome和Opera都给函数定义了一个非标准的name属性,这个属性的值永远等于跟在function关键字后面的标  

识符。

// 只在Firefox、Safari、Chrome和Opera有效
alert(functionName.name);  // "functionName"

函数声明的重要特征:函数声明提升,意思是在执行代码之前会先读取函数声明,这就意味着可以把函数声明放在调用它的语句后边。

sayHi();
function sayHi() {
    alert("Hi!");
}

如上这个例子不会抛出错误,因为在代码执行之前会先读取函数声明。

2. 函数表达式:

 函数表达式有几种不同的语法形式。下边是最常见的一种形式

var functionName = function(arg0,arg1,arg2) {
    // 函数体
}

这种形式类似变量赋值,即创建一个函数将它赋值给变量functionName。这种情况下创建的函数叫做匿名函数,因为function关键字后边没有标识符。(匿名函数有时候也叫拉姆达函数)匿名函数的name属性是空字符串。

    函数表达式使用前必须先赋值,否则会导致错误(如下)

sayHi();
var sayHi = function() {
    alert("Hi!");
}

7.1 递归

递归函数是在一个函数通过名字调用自身的情况下构成的,如下所示

function factorial(num) {
    if(num < 1) {
        return 1;
    } else {
        return num * factorial(num - 1);
    }
}

这是一个经典的递归阶乘函数,表面看来没什么问题,但是下边的代码会导致它出错

var anotherFactorial = factorial;
factorial = null;
alert(anotherFactorial(4)); // 出错!

当factorial = null ,factorial已经不再是函数,会导致错误,此时,可以使用arguments.callee解决这个问题

arguments.callee是一个指向正在执行的函数的指针,因此可以用它来实现对函数的递归调用,如:

function factorial(num) {
    if(num < 1) {
        return 1;
    } else {
        return num * arguments.callee(num - 1);
    }
}

但是在严格模式下,不能通过脚本访问arguments.callee,访问这个属性会导致错误,不过,可以使用命名函数表达式来达成相同的结果,如:

var factorial = (function f(num) {
    if(num < 1) {
        return 1;
    } else {
        return num * f(num - 1);
    }
})

以上代码创建了一个名为f()的命名函数表达式,然后将它赋值给变量factorial。即便把函数赋值给了另一个变量,函数的名字f仍然有效,所以递归调用照样能正确完成,这种方式在严格模式和非严格模式下都行得通。

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端卡卡西呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值