JavaScript function 函数

小灰灰 2020-06-02 15:02 869阅读 0赞

# JavaScript function 函数

函数是 JavaScript 中应用最为广泛的数据结构。

首先看一段代码实例感受一下它的功能：

```javascript
function func(webName,age){
  let str=webName+"已经"+age+"岁了";
  console.log(str);
} 
func("蒲公英云",5);
func("百度",18);
```

上面代码创建一个函数，调用两次并传递不同的参数。

由此我们可以对函数做一个总结：

（1）.函数构成需要符合一定的语法规范。

（2）.能够接受参数。

（3）.可以重复利用。

（4）.函数可以返回一个值，上面代码并没有演示。

**一.创建函数：**

函数结构需要符合一定的语法规范，当前创建函数有三种方式：

（1）.函数声明方式。

（2）.函数表达式方式。

（3）.利用Function构造函数。

下面分别做一下详细介绍：

**函数声明方式：**

此方式创建函数必须要遵循如下严格的语法规则：

```javascript
function 函数名称 (参数：可选){ 函数体 }
```

特别说明：函数声明方式创建函数，函数名称是必须的，表达式方式则是可选的。

代码实例如下：

```javascript
function func(webName,age){
  // code 
}
```

结构分析如下：

（1）.func是函数名称。

（2）.函数名称后面是一个小括号，小括号是必须的。

（3）.小括号中的webName与age是参数，参数是可选的。

（4）.大括号中内容是函数体部分，是具体的功能实现，可以为空，但是大括号不能省略。

**表达式方式声明：**

语法规则如下：

```javascript
function 函数名称（可选）(参数：可选){ 函数体 }
```

表达式方式声明的函数，名称是可选的，这一点与函数声明方式不同。

代码实例如下：

```javascript
let func=function func(webName){
  console.log(webName);
}
func("蒲公英云")
```

上述代码就是一个赋值表达式，右侧函数带有名字，最常见的是没有名字的形式：

```javascript
let func=function(webName){
  console.log(webName);
}
func("蒲公英云")
```

所谓表达式方式声明，本质就是让函数处于表达式环境中，作为一个操作数存在。

理解了本质，就可以对其进行灵活应用，最常见的是对匿名函数的使用。

ES2015新增箭头函数，全部是匿名函数，也就是通过表达式方式声明。

**Function构造函数方式：**

function函数自身也是一个对象实例，它可以由Function构造函数创建。

**二.函数的调用与返回值：**

函数名称+()可以调用指定函数，通过小括号可以传递参数。

对于任何方式声明的函数都适用，代码实例如下：

```javascript
function func(a,b){
  let num=a+b;
  return num;
}
console.log(func(1,2));
```

代码运行效果截图如下：

![](/images/1591110109333.png)

通过语句可以返回一个值，如果没有return语句，相当于返回undefined。

**三.函数声明提升：

我们说创建函数有三种方式，而不能说声明函数有三种方式。

声明函数就是本文介绍的第一种创建函数的方式。

发表评论取消回复

表情：

评论列表（有 0 条评论，869人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中的返回函数（Return Functions）

返回函数是JavaScript编程中常用的一种技术，它允许我们将函数作为结果返回。在本文中，我们将探讨返回函数的概念、用途以及如何在JavaScript中实现它。返回函数的

今天药忘吃喽~/ 2024年02月24日 08:10/ 0 赞/ 18 阅读

相关 JavaScript浅显易懂(三)——function函数

目录 function函数定义一个函数函数声明函数表达式 -------------------- function函数 > 声明方式定

爱被打了一巴掌/ 2023年02月15日 15:55/ 0 赞/ 119 阅读

相关菜鸟教程之 JavaScript 函数(function)

From：[https://www.runoob.com/js/js-function-definition.html][https_www.runoob.com_js_

冷不防/ 2023年01月07日 08:56/ 0 赞/ 131 阅读

相关 javaScript函数Function类型

总结一下java Script的function类型的有关主要属性我把主要的东西浓缩为几句话，方便自己的记忆，又需要的朋友也可以帮忙指证一下。 “函数是对象，函数名是

电玩女神/ 2022年07月16日 06:49/ 0 赞/ 162 阅读

相关 JavaScript 生成器函数function* () {}

参照： [火狐开发者官网生成器函数][Link 1] [虞政博的cnblogs][cnblogs] 　1 .函数生成器特点是函数名前面有一个‘\’ 　2. 通过调用函

逃离我推掉我的手/ 2022年06月12日 00:14/ 0 赞/ 132 阅读

相关 JavaScript生成器函数(generator function)

JavaScript生成器函数(generator function) 注意：数组推导式和生成器推导式建议都不要使用。都是非标准语法。可以使用生成器函数(g

- 日理万妓/ 2021年12月19日 03:59/ 0 赞/ 357 阅读

相关 JavaScript Function、函数声明、函数表达式

什么是函数所谓函数，本质上上i 一种代码的分组形式，我们可以通过这种形式赋予某组代码一个名字，以便于之后的调用。（函数也是数据可以将函数视为一种特殊的数据类型）

不念不忘少年蓝@/ 2021年09月14日 10:10/ 0 赞/ 400 阅读

相关 JavaScript函数—function()

![Center][] 1.函数的概念官方概念：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。定义一个函数时，要使用关键词function；没有关

- 日理万妓/ 2021年09月14日 01:50/ 0 赞/ 421 阅读

相关 JavaScript function 函数

JavaScript function 函数函数是 JavaScript 中应用最为广泛的数据结构。首先看一段代码实例感受一下它的功能：

小灰灰/ 2020年06月02日 15:02/ 0 赞/ 870 阅读

相关 JavaScript Function

JavaScript Function 我们说JavaScript是面向对象的语言，基本做到一切皆是对象。

小灰灰/ 2020年06月01日 17:05/ 0 赞/ 715 阅读