JavaScript 函数

最新推荐文章于 2024-07-25 11:26:35 发布

girasol-

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量112

点赞数 1

文章标签： js html

本文链接：https://blog.csdn.net/weixin_47463009/article/details/117804972

版权

一.JavaScript 函数语法

利用函数可以封装多条语句，之后在其它代码中进行调用

function 函数名( 参数1 , 参数2 ,…)

{

// 函数执行代码

}

函数代码利用花括号进行包裹

函数参数利用逗号进行分隔

建议参数个数：小于5个

JavaScript 无参函数

<script type="text/javascript">
    // 定义 helloJS 函数 
    function helloJS( ) {        
        alert("你好 JS");    
    }    

    // 调用 helloJS 函数
    helloJS();    
</script>

JavaScript 带参函数

JS函数中可以设置多个参数，多个参数利用逗号分隔

<script type="text/javascript">
    // 定义 helloJS 带参函数 
    function helloJS(name,age) {        
         alert("你好 " + name + age);    
    }  

    // 调用 helloJS 函数(同时传入参数)
    helloJS("ZhangSan",5);    
</script>

JavaScript 带有返回值函数

函数中利用 return 语句返回值

<script type="text/javascript">
    // 定义 add 函数，返回两数相加的和 
    function add( num1, num2 )  {        
         return num1 + num2;    
    }    
    // 调用 add 函数(同时传入参数)
    // 将返回值赋给 result 变量
    var result = add(1, 2);  
  alert("1加2=" + result);    
</script>

JavaScript 内置系统函数

JS常用内置系统函数：全局、数字、日期、数组、字符串

函数应用实例：输入圆的半径，控制台输出圆的面积。

html部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>yuan</title>
</head>
<body>
 <script src="1.js"></script>   
</body>
</html>

js部分：

radius=prompt("请输入半径："); 

function yuan(radius) 

{ 

return(3.14*radius*radius) 

} 

var area=yuan(radius); 

console.log("面积为："+area);

girasol-

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
JavaScript 函数

一.
复制链接

扫一扫