函数的参数

最新推荐文章于 2023-07-05 11:24:35 发布

余一痴

最新推荐文章于 2023-07-05 11:24:35 发布

阅读量1.8k

点赞数

分类专栏：前端文章标签： javascript css html5 node.js es6

本文链接：https://blog.csdn.net/yycnf/article/details/109709122

版权

前端专栏收录该内容

45 篇文章 6 订阅

订阅专栏

函数的参数

函数的参数分为：形参、实参

实参：真实传给函数的参数，叫实参。实参可以是：常量、变量、表达式、函数等。无论实参是何种类型的量，在进行函数调用时，它们必须有确定的值，以便把这些值传送给形参。

形参：形式参数是指函数名后括号中的变量。因为形式参数只有在函数被调用的过程中才实例化（分配内存单元），所以叫形式参数。形式参数当函数调用完成之后就自动销毁了。因此形式参数只在函数中有效。

代码演示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点击变色（传参）</title>
    <style>
        #div1{
            width: 100px;
            height: 100px;
            background: pink;
        }
    </style>
    <script>
        function setColor(color){//color:就是参数（实参）
            var oDiv = document.getElementById('div1');
            oDiv.style.background=color;
        }
    </script>
</head>
<body>
    <input type="button" value="变绿" onclick="setColor('green')">
    <input type="button" value="变黄" onclick="setColor('yellow')">
    <input type="button" value="变红" onclick="setColor('red')">
    <div id="div1"></div>
</body>
</html>