JavaScript return 语句
JavaScript基础 2022-06-08 11:18:15小码哥的IT人生shichen
JavaScript return 语句
实例
返回 PI 的值：
function myFunction() {
return Math.PI;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>本例调用一个返回 PI 值的函数：</p>
<p id="demo"></p>
<script>
function myFunction() {
return Math.PI;
}
document.getElementById("demo").innerHTML = myFunction();
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 TIY 实例。
定义和用法
return 语句停止函数的执行并从函数返回一个值。
请阅读我们的 JavaScript 教程，学习您需要的有关函数的所有知识。请从关于 JavaScript 函数和 JavaScript 作用域的章节开始。更多详细信息，请参阅我们关于函数定义、参数、调用和闭包的教程。
浏览器支持
| 语句 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| return | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
return value;
参数值
| 参数 | 描述 |
|---|---|
| value | 可选。指定要返回给函数调用者的值。如果省略，则返回 undefined。 |
技术细节
| JavaScript 版本： | ECMAScript 1 |
|---|
更多实例
示例代码：
使用 return 语句在 <p> 元素中显示名字 "Bill"：
function myFunction(name) {
return "Hello " + name;
}
document.getElementById("demo").innerHTML = myFunction("Bill");
完整实例：
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
function myFunction(name) {
return "Hello " + name;
}
document.getElementById("demo").innerHTML = myFunction("Bill");
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
计算两个数的乘积，并返回结果：
var x = myFunction(4, 3); // 函数被调用，把值返回到 x
function myFunction(a, b) {
return a * b; // 函数返回 a 和 b 的乘积
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>本例调用一个执行计算的函数，并返回结果：</p>
<p id="demo"></p>
<script>
var x = myFunction(4, 3);
function myFunction(a, b) {
return a * b;
}
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
相关页面
JavaScript 教程：JavaScript 函数
JavaScript 教程：JavaScript 作用域
JavaScript 教程：JavaScript 函数定义
JavaScript 教程：JavaScript 函数参数
JavaScript 教程：JavaScript 函数调用
JavaScript 教程：JavaScript 函数闭包
JavaScript 参考手册：JavaScript function 语句
