javascript系列之函数

在更早的章节中，我们介绍了alert()和write()函数，这些函数我们写了一遍又一遍，但这些函数在javascript核心代码中只写了一次。当我们调用一个函数的时候，有一种办法可以传递不同的参数。在javascript中定义函数的最普遍方式是使用function关键字，紧接着是一个唯一的函数名称，和一个参数列表（可以为空），最后，写在大括号里面的代码块。函数允许程序员把一个大的程序划分成若干个

鱼馅饼

97人浏览 · 2023-08-08 16:07:22

鱼馅饼 · 2023-08-08 16:07:22 发布

一.欢迎来到我的酒馆

函数一组可重复使用的代码块，可以在程序中的任意位置调用。这可以带来极大的方便：不必要去写重复的代码。这有助于程序员写模块化的代码。函数允许程序员把一个大的程序划分成若干个小的、可管理的函数。
和其他高级编程语言一样，javascript也支持使用函数编写模块化代码所需的所有功能。在更早的章节中，我们介绍了alert()和write()函数，这些函数我们写了一遍又一遍，但这些函数在javascript核心代码中只写了一次。

二.javascript 函数

2.1在使用函数前，我们必须先定义它。在javascript中定义函数的最普遍方式是使用function关键字，紧接着是一个唯一的函数名称，和一个参数列表（可以为空），最后，写在大括号里面的代码块。
2.2 javascript function 语法：

<script type="text/javascript">
	function function_name(参数列表){
		代码块
	}
</script>

下面的代码定义了一个名为sayHello且没有参数的函数：

<script type="text/javascript">
    function sayHello(){
        alert("Hello");
    }
</script>

2.3 调用函数：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <p>定义一个函数名为：sayHello</p>
    <script type="text/javascript">
        function sayHello(){
            alert("Hello");
        }
    </script>

    <p>调用sayHello()函数</p>
    <input type="button" onclick="sayHello()" value="say hello">
</body>
</html>

三.函数参数

直到现在为止，我们看到的函数都没有写参数。当我们调用一个函数的时候，有一种办法可以传递不同的参数。这些传进来的参数可以在函数内部使用，这些参数可以用来执行任何操作。一个函数可以携带不同的参数，这些参数使用逗号隔开。
在下面的例子中，我们定义了一个函数sayHello()，并携带了两个参数：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">

        // 定义了一个带参数的函数sayHello()
        function sayHello(name,age){
            alert("Hello "+ name + " ! age is: " +age);
        }
    </script>
</head>
<body>
    <input type="button" onClick="sayHello('xxxx',12)" value="say hello">
</body>
</html>

四.带返回值的函数

4.1 javascript函数可以有一个可选的return语句。如果你想从一个函数返回一个值，那么return语句是必要的。这个return语句必须位于函数的最后一行。

下面的例子定义了一个带两个参数的函数，并将这两个参数连接，然后返回。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function concatenate(first,second){
            let result;

            result = first + second;
            return result;
        }

        function secondFunction(){
            let result;
            result=concatenate("sss","1111111");
            document.write(result);
        }
    </script>
</head>
<body>
    <p>点击下面的按钮来调用函数</p>
    <form>
        <input type="button" onclick="secondFunction()" value="click me">
    </form>
</body>
</html>

4.2 关于函数还有很多内容，在本文中已经介绍了javscript中函数最重要的观念。

AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

【免费下载】 index-tts-vllm：高性能文本转语音解决方案

`index-tts-vllm` 是一款开源的文本转语音（TTS）项目，基于 `index-tts` 进行了优化，通过引入 `vllm` 库重新实现了 GPT 模型的推理过程，大幅提升了推理速度和并发处理能力。项目旨在为开发者提供一个高效、稳定、易于集成的 TTS 解决方案。## 项目技术分析`index-tts-vllm` 采用了以下核心技术：- **vllm 库**：用于加速 GP

AI Agent技术社区

AgentScope示例应用：多智能体对话

在人工智能快速发展的今天，单一智能体已经难以满足复杂任务的需求。想象一下这样的场景：一个项目团队需要讨论技术方案，不同专业背景的成员各抒己见，最终达成共识。这正是多智能体对话要解决的问题——让多个AI智能体像真实团队成员一样进行有意义的交流。AgentScope作为面向开发者的多智能体编程框架，提供了强大的多智能体对话能力。本文将深入探讨如何使用AgentScope构建高效的多智能体对话系统。..