`

javascript 函数声明与函数表达式的区别介绍

阅读更多
 
javascript中的函数声明与函数表达式使用比较频繁,可能很多的朋友都不知道他们之间的区别,这里通过例子介绍下,有需要的兄弟参考学习下。
 
代码:

<script> 
var f = function g() { 
return 1; 
}; 
if (false) { 
f = function g(){ 
return 2; 
}; 
} www.jbxue.com
alert(g()); // 2 
</script> 

把这段代码扔到IE 6 里面和chorme里面是完全不同的两种效果。 

这里输出2 是在ie6里面的效果,如果在chorme会出现g没有定义。 

这也算是JScript的bug吧。 

在这里很明显,这里的只是定义了g的函数表达式而已。包括在if的条件语句中,也只是定义了函数表达式,没有去声明函数。 

那么这样直接访问肯定是会出错的。 

那么对于何为声明,何为函数表达式呢? 

在ECMAScript中,创建函数的最常用的两个方法是函数表达式和函数声明,两者期间的区别是有点晕,因为ECMA规范只明确了一点:函数声明必须带有标示符(Identifier)(就是大家常说的函数名称),而函数表达式则可以省略这个标示符: 
函数声明: 
  function 函数名称 (参数:可选){ 函数体 } 
  函数表达式: 
  function 函数名称(可选)(参数:可选){ 函数体 } 

所以,可以看出,如果不声明函数名称,它肯定是表达式,可如果声明了函数名称的话,如何判断是函数声明还是函数表达式呢?ECMAScript是通过上下文来区分的,如果function foo(){}是作为赋值表达式的一部分的话,那它就是一个函数表达式,如果function foo(){}被包含在一个函数体内,或者位于程序的最顶部的话,那它就是一个函数声明。 

还有一种函数表达式不太常见,就是被括号括住的(function foo(){}),他是表达式的原因是因为括号 ()是一个分组操作符,它的内部只能包含表达式。 

你可能会想到,在使用eval对JSON进行执行的时候,JSON字符串通常被包含在一个圆括号里:eval('(' + json + ')'),这样做的原因就是因为分组操作符,也就是这对括号,会让解析器强制将JSON的花括号解析成表达式而不是代码块。
分享到:
评论

相关推荐

    浅析javascript中函数声明和函数表达式的区别

    JavaScript是Web开发中不可或缺的一部分,它提供了两种声明函数的方式:函数声明式和函数表达式。这两者虽然看似相似,但存在显著的区别。 1. **函数声明式**:这是JavaScript中最直接的函数定义方式,通常以`...

    函数声明与函数表达式1

    总结来说,函数声明和函数表达式在JavaScript中有着不同的行为和用法。理解这两者的区别对于编写可预测且无bug的代码至关重要。在实际开发中,应根据需求选择合适的函数定义方式,例如,如果你需要在函数声明之前...

    浅析函数声明和函数表达式-函数声明的声明提前_.docx

    【函数声明与函数表达式】在JavaScript中,函数是第一类对象,这意味着它们可以作为值进行传递和存储。本文将重点讨论两种常见的函数定义方式:函数声明和函数表达式,特别是函数声明的声明提前(Hoisting)现象。 ...

    浅谈javascript 函数表达式和函数声明的区别

    javascript中声明函数的方法有两种:函数声明式和函数表达式. 区别如下: 1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的. 2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,...

    JavaScript中的函数声明和函数表达式区别浅析

    当初只知道两种声明方式一个是函数声明一个是函数表达式,具体有什么不同没能说得很好。最近正好看到这方面的书籍,就想好好总结一番。  在ECMAScript中,有两个最常用的创建函数对象的方法,即使用函数表达式或者...

    javascript函数声明和函数表达式区别分析

    在JavaScript中,函数的声明方式主要有两种:函数声明(Function Declaration)和函数表达式(Function Expression)。尽管它们在表面上看起来相似,但它们之间存在着本质的区别。下面将详细地对这两者的概念和区别...

    JavaScript基础篇(6)之函数表达式闭包

    - 函数声明和函数表达式的区别主要在于变量提升的行为。 - 闭包是JavaScript中用于封装和数据持久化的强大工具。 - 函数表达式闭包在使用时需要考虑到变量的作用域和生命周期。 - 在编写代码时要注意避免由于闭包...

    JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同

    在ECMAScript中,创建函数的最常用的两个方法是函数表达式和函数声明,两者期间的区别是有点晕,因为ECMA规范只明确了一点:函数声明必须带有标示符(Identifier)(就是大家常说的函数名称),而函数表达式则可以...

    揭秘命名函数表达式

    #### 核心概念与区别:函数表达式 vs 函数声明 在JavaScript的世界里,创建函数的两大方式——**函数表达式**与**函数声明**——构成了语言的核心部分,两者之间微妙的差异往往决定了代码的行为模式与性能表现。 #...

    全面了解函数声明与函数表达式、变量提升

    总结起来,理解函数声明和函数表达式的区别以及变量提升的概念对于编写健壮的JavaScript代码至关重要。遵循最佳实践,如始终在作用域顶部声明变量,避免在不同作用域中使用相同函数名,可以帮助避免因这些特性引发的...

    Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式

    函数声明 function foo() {} 函数 foo 将会在整个程序执行前被 ...对于函数声明,函数的名称是必须的,而对于函数表达式而言则是可选的,因此,就出现了匿名函数表达式和命名函数表达式。如下: 函数声明: function fu

    Javascript中的函数声明与函数表达式(奇技淫巧)

    在阐述为什么之前,让我们先来明确Javascript中的两个概念:函数声明和函数表达式: 先来看看什么样的是函数声明: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 再来看看什么样的是函数表达式: [Ctrl+A ...

Global site tag (gtag.js) - Google Analytics