JS 函数

最新推荐文章于 2023-04-06 01:35:31 发布

卑微计算机小白

最新推荐文章于 2023-04-06 01:35:31 发布

阅读量117

点赞数

分类专栏： JavaScript 文章标签： javascript html5

原文链接：https://www.w3school.com.cn/js/js_functions.asp

版权

JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

JavaScript 函数语法

JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
圆括号可包括由逗号分隔的参数：

(参数 1, 参数 2, ...)

由函数执行的代码被放置在花括号中：{}

function name(参数 1, 参数 2, 参数 3) {
    要执行的代码
}

函数调用

函数中的代码将在其他代码调用该函数时执行：

当事件发生时（当用户点击按钮时）
当 JavaScript 代码调用时
自动的（自调用）

函数返回

当 JavaScript 到达 return 语句，函数将停止执行。
如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。
函数通常会计算出返回值。这个返回值会返回给调用者：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 函数</h2>

<p>本例调用了一个执行计算的函数，然后返回结果：</p>

<p id="demo"></p>

<script>
var x = myFunction(7, 8);
document.getElementById("demo").innerHTML = x;

function myFunction(a, b) {
    return a * b;
}
</script>

</body>
</html>

为何使用函数？

能够对代码进行复用：只要定义一次代码，就可以多次使用它。
能够多次向同一函数传递不同的参数，以产生不同的结果。

实例：
把华氏度转换为摄氏度：

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}

document.getElementById("demo").innerHTML = toCelsius(77);

() 运算符调用函数

使用上面的例子，toCelsius 引用的是函数对象，而 toCelsius() 引用的是函数结果。

实例：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 函数</h2>

<p>不使用 () 访问函数将返回函数声明而不是函数结果：</p>

<p id="demo"></p>

<script>
function toCelsius(f) {
    return (5/9) * (f-32);
}
document.getElementById("demo").innerHTML = toCelsius;
</script>

</body>
</html>

网页实现效果：
在这里插入图片描述

局部变量

在 JavaScript 函数中声明的变量，会成为函数的局部变量。
局部变量只能在函数内访问。

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 函数</h2>

<p>myFunction() 之外的 carName 未定义。</p>

<p id="demo1"></p>

<p id="demo2"></p>

<script>
myFunction();

function myFunction() {
    var carName = "Volvo";
    document.getElementById("demo1").innerHTML =
    typeof carName + " " + carName;
}

document.getElementById("demo2").innerHTML =
typeof carName;
</script>

</body>
</html>

由于局部变量只能被其函数识别，因此可以在不同函数中使用相同名称的变量。
局部变量在函数开始时创建，在函数完成时被删除。

以上内容均整理自W3C，如需阅读全文请点击链接。

卑微计算机小白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JS 函数

JavaScript 函数语法JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。圆括号可包括由逗号分隔的参数：(参数 1, 参数 2, ...)由函数执行的代码被放置在花括号中：{}function name(参数 1, 参数 2, 参数 3) { 要执行的代码}函数调用函数中的代码将在其他代码调用该函数时执行：当事件发生时（当用户点击按钮时）当 JavaSc
复制链接

扫一扫

专栏目录