JS函数基本定义与用法示例
JavaScript函数是编程中非常核心的概念,它是一种可重复使用的代码块,可以接受输入(参数),并根据需要返回结果。在JavaScript中,有多种定义函数的方法,包括函数声明、函数表达式(匿名函数和具名函数表达式)以及Function构造函数。下面我们将详细探讨这些定义方法及其相关知识点。 1. **函数声明**: ```javascript function test1(a1, a2) { console.log("函数声明的第一种方法" + a1 + a2); } ``` 这是最常见的函数定义方式,函数名`test1`后面跟着括号内的参数列表`a1, a2`,然后是一对花括号包围的函数体。这种声明方式允许函数在定义之前被调用,也称为 hoisting。 2. **函数表达式**: - **匿名函数表达式**: ```javascript var test2 = new Function("a1", "a2", "console.log('函数声明的第二种方法' + a1 + a2)"); ``` 这里通过`new Function`构造函数创建了一个函数对象,并赋值给变量`test2`。这种方式创建的函数没有名称,所以被称为匿名函数。 - **具名函数表达式**: ```javascript var test3 = function(a1, a2) { console.log("函数声明的第三种方法" + a1 + a2); } ``` 这种情况下,函数有一个内部名称(`test3`),但在外部不能直接通过这个名字访问,因此被称为具名函数表达式。 3. **函数参数**: 在上述示例中,函数参数`a1`和`a2`在调用时可以传入任意数量的参数。如果没有提供足够的参数,未指定的参数将默认为`undefined`。例如,`test1()`、`test1(1)`和`test1(1, 2)`都是有效的调用。 4. **函数返回值**: ```javascript function action(a1, a2) { console.log("clannad赛高"); return "没错"; } ``` 函数可以通过`return`语句返回一个值。在`action`函数中,无论`a1`和`a2`的值如何,它始终返回字符串`"没错"`。 5. **函数作为返回值**: ```javascript function actioned() { return "clannad赛高,没错"; } action(actioned()); ``` 在JavaScript中,函数也可以作为其他函数的返回值,这展示了函数的高阶特性。`actioned`函数返回一个字符串,这个字符串可以作为参数传递给其他函数,如`action`。 6. **函数作为参数**: ```javascript function extract(fn) { fn(); console.log(fn); console.log(fn()); } extract(function() { console.log("我运行了吗"); return "clannad赛高,没错"; }); ``` 这段代码展示了如何将函数作为参数传递给另一个函数`extract`。`extract`函数内部调用了传入的函数`fn`,并打印了`fn`本身和它的执行结果。 总结来说,JavaScript函数的定义和使用非常灵活,它可以作为值传递,返回,也可以作为参数接受。理解函数的这些特性对于编写高效、模块化的代码至关重要。在实际编程中,我们可以根据需求选择合适的函数定义方式,并充分利用函数的灵活性来优化代码结构。
- 粉丝: 7
- 资源: 944
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助