JS function 语句_function语句-优快云博客

本文详细介绍JavaScript中函数的声明、参数传递及调用过程，包括如何使用return语句返回函数值，以及函数作为对象的特性。通过实例演示了如何在网页上输出信息和进行简单计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实例

声明一个函数，函数调用时在 id="demo" 的元素上输出 "Hello World" :

function myFunction(){    //声明一个函数
    document.getElementById("demo").innerHTML = "Hello World";
   }
myFunctiong();       //调用函数

定义和用法

function 语句用于声明一个函数。

函数声明后，我们可以在需要的时候调用。

在 JavaScript 中，函数是对象，函数也有属性和方法。

函数也可以通过表达式定义(可以查看函数定义)。

请阅读我们的 JavaScript 教程，了解更多关于函数的内容。首先我们可以先了解 JavaScript 函数和 JavaScript 作用域。更多详细的内容可以查看函数定义, 参数, 调用和闭包。

提示： 使用 return 语句来返回函数的值。

语法

function functionName(parameters) {
    执行的代码
}

参数值

参数	描述
functionName	必须。指定了函数的名称。函数名称可以包含字母，数字，下划线，和美元符号（变量命名规则也是如此）
parameters	可选。指定一个或多个参数名，多个参数可用英文逗号(,)隔开。函数在调用时会接收真正的值。在函数内，参数是局部变量。注意：如果调用函数时未指定参数，为指定参数的值会设置为 undefined

1.实例

返回 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>

输出结果：

3.141592653589793

2.实例

返回 a 乘于 b 的值:

<!DOCTYPE html>
<html>
    <body>
        <p>调用函数，并返回计算的结果</p>
        <p id= "demo"></p>
        <script>
            function myFunction(a,b){
                return a * b;
            }
            document.getElementByIdP("demo").innerHTML = myFunction(3,4);
        </script>
    </body>
</html>

结果：

该实例调用函数并执行计算，输出结果：

12

3.实例

点击按钮调用函数，函数执行后会在 id="demo" 的元素上输出 "Hello World":

<!DOCTYPE html>
<html>
    <body>
        <p>点击按钮调用函数，并在id="demo"的元素上输出"Hello World"</p>
        <button onclick="myFunction()">点我</button>
        <p id= "demo"></p>
        <script>
        function myFunciton(){
           document.getElementById("demo").innerHTML = "Hello World";
        }
        </scritp>
    </body>
</html>