JavaScript函数是一种用于执行特定任务的代码块。
在特定事件或者特定情况下会被触发。
function myFunction(p1, p2) {
return p1 * p2;
}
document.getElementById("demo").innerHTML = myFunction(4, 3); // 得12
JavaScript函数语法
JavaScript函数用function关键词进行定义。function关键词后面加上函数名称。名称后面会有一对半角小括号(),这个小括号里可以写参数,也可以不写,但必须要有这对小括号。如果有多个参数的话用半角都好分开,如:(parameter1, parameter2, …)。最后,函数要执行的代码就要写到花括号里了。
function name(parameter1, parameter2, parameter3) {
// 要执行的代码
}
函数名称的命名规则与变量的命名规则是一样的。
- 名称可以包含字母、数字、下划线和美元符号。
- 名字不可以以数字开头。
- 名字是区分大小写的(y和Y是不同的变量)。
- 保留字符(如javascript关键字)不能用作名称。
JavaScript函数的调用
函数内部的代码将在“某事(件)”时被调用:
- 当事件发生(如用户点击按钮)
- 被其它的函数调用
- 自动执行
JavaScript函数返回
当JavaScript到达return语句时,函数将停止执行。
如果函数是从语句中调用的,则JavaScript将在调用语句之后“返回”以执行代码结果。
var x = myFunction(4, 3); // 函数被调用
document.getElementById("demo").innerHTML = x; // 结果是12
function myFunction(a, b) {
return a * b; // 函数返回计算结果
}
为什么要用函数?
为的是多次使用这个函数。
你可以用同一个函数处理不同的参数,得出不同的结果。
function toCelsius(f) {
return (5/9) * (f-32);
}
document.getElementById("demo").innerHTML = toCelsius(77); // 得25
运算符()调用函数
在上面的例子用, toCelsius()输出的是计算结果。
当没有()的时候,将会输出定义的函数,而不是输出计算结果。
function toCelsius(f) {
return (5/9) * (f-32);
}
document.getElementById("demo").innerHTML = toCelsius; // 得:function toCelsius(f) { return (5/9) * (f-32); }
函数也可以被当作变量使用
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML =
"The temperature is " + toCelsius(77) + " Celsius"; // 得:The temperature is 25 Celsius
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。