JavaScript编程进阶 – Return语句

JavaScript Programming Advanced – Return Statement

By Jackson@ML

就像人们习惯的函数一样，总觉得在函数体最后需要一个return语句，标志着函数的结束,就像下面这个函数 theFunc() 那样。

function theFunc() { 
	return 0
} 

• 1
• 2
• 3

本文简要介绍一下可选的return语句，以及用return语句返回函数(而不是具体数值)的例子。希望对您有所帮助。

1. 可选的return

让我们先来看一个JavaScript函数，符合ES5规范。这个函数用于打招呼，函数名称为：sayHello()，代码如下：

"use strict";
var sayHello = function sayHello() {
    return "Hello, world!";
};
console.log(sayHello());

• 1
• 2
• 3
• 4
• 5

执行结果如下图所示：

如果变换一下，即不用声明显示的函数，取而代之的是匿名函数，代码如下：

"use strict";

var sayHello = () => "Hello, world!"
console.log(sayHello());

• 1
• 2
• 3
• 4

执行结果如下图所示：

由上述代码可以看到，sayHello()已经成为一个被函数被赋值的变量。而此时，并没有出现return语句。

因此，return语句在ES6中是可选的。

2. 返回函数

如何把一个函数传递给另一个函数呢？既然我们讲过，函数是JavaScript中的数据，那么，就能把它从其它函数中返回，就如同其它数据类型一样。

下面有一个例子，代码如下：

let crazy = () => { return String }

let func = crazy()
console.log(func("Hello, world!"))

• 1
• 2
• 3
• 4

上例可以看出，crazy函数返回了一个指向String字符串函数的函数引用；在调用crazy函数时， 返回了一个String函数。

注意：它仅仅返回了函数引用，并未执行函数！

执行结果如下图所示：
当然，用如下的方式执行，可能会更好些：

let crazy = () => { return String }
console.log(crazy()("Hello, world!"))

• 1
• 2

执行结果如下图所示：

技术好文陆续推出，敬请关注。

喜欢就点赞哈！您的认可，我的动力！?

相关阅读：

1. JavaScript编程基础 - 布尔值（Booleans)
2. JavaScript编程基础 - 对象(Objects)
3. JavaScript编程基础 - 函数进阶
4. JavaScript编程基础 - 条件语句
5. JavaScript编程基础 - 函数入门
6. JavaScript编程基础 - 关键字Let, Const和Var的区别
7. JavaScript编程基础 - 变量
8. JavaScript编程基础 - 输出
9. 用Visual Studio Code搭建JavaScript开发环境