`

JavaScript Garden - 函数声明与表达式

阅读更多

函数声明与表达式

函数是JavaScript中的一等对象,这意味着可以把函数像其它值一样传递。
一个常见的用法是把匿名函数作为回调函数传递对异步函数中。

函数声明

function foo() {}

上面的方法会在执行前被 解析(hoisted),因此它存在于当前上下文的任意一个地方,
即使在函数定义体的上面被调用也是对的。

foo(); // 正常运行,因为foo在代码运行前已经被创建
function foo() {}

函数赋值表达式

var foo = function() {};

这个例子把一个匿名的函数赋值给变量 foo

foo; // 'undefined'
foo(); // 出错:TypeError
var foo = function() {};

由于 var 定义了一个声明语句,对变量 foo 的解析是在代码运行之前,因此 foo 变量在代码运行时已经被定义过了。

但是由于赋值语句只在运行时执行,因此在相应代码执行之前, foo 的值缺省为 undefined

命名函数的赋值表达式

另外一个特殊的情况是将命名函数赋值给一个变量。

var foo = function bar() {
    bar(); // 正常运行
}
bar(); // 出错:ReferenceError

bar 函数声明外是不可见的,这是因为我们已经把函数赋值给了 foo
然而在 bar 内部依然可见。这是由于 JavaScript 的 命名处理 所致,
函数名在函数内总是可见的。

分享到:
评论

相关推荐

    JavaScript--正则表达式

    ### JavaScript中的正则表达式详解 #### 正则表达式概念 正则表达式(Regular Expression)是一种在字符串中寻找特定字符或字符集的强大工具。它由一系列字符和特殊符号组成,用于匹配文本中的字符串模式。在...

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

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

    Java版-解释翻译Cron表达式(代码奉上)

    这可能是网上最完整的Cron表达式解析翻译方法。 Java版-解释翻译Cron表达式(代码奉上)。...此方法分为JavaScript版和Java版本,有需要的朋友请根据自己需要下载。 希望我写的方法有帮助到你,不足之处请多多指教。

    js代码-函数声明 和 函数表达式 的区别

    JavaScript提供了两种主要的方式来定义函数:函数声明(Function Declaration)和函数表达式(Function Expression)。理解这两种方式的区别对于编写高效、可维护的JavaScript代码至关重要。 ### 1. 函数声明 函数...

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

    #### 一、函数表达式与函数声明 JavaScript中定义函数主要分为函数声明和函数表达式两种形式。函数声明一般会使用`function`关键字直接声明一个函数,如`function fn() {}`,而函数表达式则通常将函数作为赋值...

    javascript经典特效---函数计算.rar

    3. **匿名函数与立即执行函数**:在JavaScript中,我们还可以使用匿名函数,即没有名字的函数,通常用于一次性执行的任务。而立即执行函数(IIFE, Immediately Invoked Function Expression)则是一种特殊的匿名函数...

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

    在JavaScript编程中,函数声明与函数表达式是两种不同定义函数的方式,它们在使用场景和作用机制上存在明显的区别。为了更好地理解这两种定义方式,让我们深入探讨它们的定义、区别以及各自的特点。 首先,函数声明...

    JavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txt

    根据提供的文件信息,本文将详细解释与JavaScript中的正则表达式相关的知识点,这些知识点主要涉及字符串验证、格式检查以及特定模式匹配等方面。 ### 正则表达式基础 在深入探讨具体的正则表达式之前,先简要回顾...

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

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

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

    3. **奇技淫巧:位操作符与函数声明**: 文章中提到的使用位操作符如`~`、`!`、`+`、`-`等在函数声明前,是为了欺骗JavaScript解析器将其视为函数表达式。例如: ```javascript ~function() { alert("hello, ...

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

    了解函数声明与函数表达式以及变量提升对于编写清晰、无误的JavaScript代码至关重要。 首先,我们来探讨函数声明与函数表达式的差异。函数声明,如`function foo(){};`,是一种直接定义函数的方式,这种声明在代码...

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

    JavaScript中函数表达式和函数声明是创建函数的两种基本方式,它们在语法和行为上有所区别。函数声明(Function Declaration)和函数表达式(Function Expression)的不同之处在于它们在代码中的处理方式和使用时机...

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

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

    揭秘命名函数表达式

    与函数声明不同,函数表达式不会被提升,其定义位置决定了其可用性。 例如: ```javascript let fn; fn = function () { return x; }; console.log(fn()); // undefined let x = 5; ``` 在这个例子中,`fn`的定义...

    正则表达式列举 代码 项目中直接使用

    除了上述纯正则表达式的示例,文件还包含了JavaScript事件处理函数中的正则应用案例,这些函数用于限制输入字段的字符类型,例如只允许中文、全角字符或数字输入,以及验证字符串中是否存在非ASCII字符。 这些正则...

    JavaScript 数据校验 正则表达式 示例代码

    JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码...

Global site tag (gtag.js) - Google Analytics