携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第28天，点击查看活动详情
🤵♂️ 个人主页: @Flyme awei 个主页 👨💻 作者简介：
Python领域新星创作者。 📒 系列专栏：《在线编程-Python篇》 🌐 推荐一款找工作神器网站: 《牛客网》 |笔试题库|面试经验|实习招聘内推| 🐋 希望大家多多支持😘一起进步呀！ 📝 如果文章对你有帮助的话，欢迎评论💬点赞👍收藏📂加关注
JavaScript函数的使用
文章目录
一、什么是JS的函数
JavaScript函数类似于java中的方法。
JS中也可以定义一些函数,java中的方法签名包含访问修饰符,返回值类型,方法名,参数列表,异常列表,但是JS中定义函数的语法相对简单很多,主要以function作为函数关键字,具备函数名和参数列表,但是没有访问修饰符也没有返回值类型关键字和异常列表。
二、js函数的定义和调用
第一种语法格式 常见
function 函数名(参数列表){js代码}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function fun1() {
alert("hello JavaScript");
}
fun1()
</script>
</head>
<body>
</body>
</html>
第二种语法
var 函数名=function(参数列表){JS代码}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var fun2=function(){
alert("hello JavaScript")
}
fun2()
</script>
</head>
<body>
</body>
</html>
第三种语法 不常用 了解
var 函数名=new Function('js代码')
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var fun3=new Function("alert('hello javascript')")
fun3()
</script>
</head>
<body>
</body>
</html>
三、js函数的参数传递和返回值
1.参数传递
1.传入的实参可以和形参个数不一致
2.如果函数中有返回值,那么直接用return关键字返回即可
3.可以少传参数
4.多传的参数相当于没传
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function fun(a,b,c){
alert("a:"+a)
alert("b:"+b)
alert("c:"+c)
}
fun(10,20,30)
</script>
</head>
<body>
</body>
</html>
2.返回值
方法本身作为参数返回
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function fun2 (a,b) {
var c = a+b;
return c;
}
var x = fun2(10,20)
alert("c="+x)
</script>
</head>
<body>
</body>
</html>
好啦，文章到这里就结束啦！
