第十周周报
JavaScript函数
JavaScript 函数是被设计为执行特定任务的代码块。
JavaScript 函数会在某代码调用它时被执行。
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 函数</h2>
<p>本例调用了一个执行计算的函数，然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(p1, p2) {
return p1 * p2;
}
document.getElementById("demo").innerHTML = myFunction(7, 8);
</script>
</body>
</html>
JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
圆括号可包括由逗号分隔的参数：
(参数 1, 参数 2, …)
由函数执行的代码被放置在花括号中：{}
function name(参数 1, 参数 2, 参数 3) {
要执行的代码
}
函数参数（Function parameters）是在函数定义中所列的名称。
函数参数（Function arguments）是当调用函数时由函数接收的真实的值。
在函数中，参数是局部变量。
在其他编程语言中，函数近似程序（Procedure）或子程序（Subroutine）。
函数调用
函数中的代码将在其他代码调用该函数时执行：
当事件发生时（当用户点击按钮时）
当 JavaScript 代码调用时
自动的（自调用）
函数返回
当 JavaScript 到达 return 语句，函数将停止执行。
如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。
函数通常会计算出返回值。
() 运算符调用函数
使用上面的例子，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>
用作变量值的函数
函数的使用方法与变量一致，在所有类型的公式、赋值和计算中。
实例
使用变量来存储函数的值：
var x = toCelsius(77);
var text = “The temperature is " + x + " Celsius”;
您能够把函数当做变量值直接使用：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 函数</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"温度是：" + toCelsius(86) + " 摄氏度。";
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
</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>