函数表达式,递归,作用域,作用域链,闭包,闭包与变量

函数表达式

函数表达式是JavaScript中的一个既强大又容易令人困惑的特性。定义函数的方式有两种:一种是函数声明(没错,不同于C语言之类的),另一种就是函数表达式。

函数申明(这相当于C语言的函数定义)的语法是这样的:

function functionName(arg0,arg1,arg2){

//函数体

}

首先是function关键字,然后是函数的名字,这就是指定函数名的方式。Firefox、Safari、Chrome和Opera都给函数定义了一个非标准的name属性,通过这个属性可以访问到给函数指定的名字。这个属性的值永远等于跟在function关键字后面的标识符。

//只在Firefox、Safari、Chrome和Opera有效

alert(functionName.name);                       //“functionName”

关于函数声明,它的一个重要特征就是函数申明提升,意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。(神奇~先调用后定义?嘿嘿,这就是太沉陷于C语言了哦~)

sayHi();

function sayHi(){

 alert("Hi~");

}

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

第二种创建函数的方式是使用函数表达式。函数表达式有几种不同的语法形式。下面是最常见的一种形式。

var functionName=function(arg0,arg1,arg2){

//函数体

};

这种形式看起来好像是常规的变量赋值语句,即创建一个函数并将它赋值给变量functionName。这种情况下创建的函数叫做匿名函数,因为function关键字后面没有标识符(你给它起的名字)。(匿名函数有时候也叫拉姆达函数。)匿名函数的name属性是空字符串。

函数表达式与其他表达式一样,在使用前必须先赋值。以下代码会导致错误。

sayHi();

var sayHi=function(){

alert("Hi~");

};

理解函数提升的关键,就是理解函数申明与函数表达式之间的区别。例如,执行以下代码的结果可能会让人意想不到。

//不要这么做!

if(condition){

function sayHi(){

alert("Hi!");

  }

} else {

function sayHi(){

alert("Yo!");

   }

}

表面上看,以上代码表示在condition为true时,使用一个sayHi()的定义;否则,就使用另一个定义。实际上,这在ECMAScript中属于无效语法,JavaScript引擎会尝试修正错误,将其转换为合理的状态。但问题是浏览器尝试修正错误的做法并不一致。大多数浏览器会返回第二个声明,忽略condition;Firefox会在condition为true时返回第一个声明。因此这种使用方式很危险,不应该出现在你的代码中

不过,如果是使用函数表达式,那就没有什么问题了。

//可以这样做

var sayHi;

if(condition){

   sayHi=function(){

       alert("Hi~");

  };

} else {

      sayHi=function(){

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值