JavaScript函数的使用教程
更新时间：2022年07月20日 10:06:17 作者：Flyme awei
这篇文章主要介绍了JavaScript函数的使用教程，JavaScript函数是被设计为执行特定任务的代码块。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>
到此这篇关于JavaScript函数的使用教程的文章就介绍到这了,更多相关JS函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本文主要介绍了使得我们处理图片上传更加简单的方法FileAPI。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
这篇文章主要介绍了微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-01-01
new大家肯定都不陌生，单身没有对象的时候就new一个，很方便。那么它在创建实例的时候，具体做了哪些操作呢？今天我们就来一起分析一下。2021-04-04
在默认的饼状图里面,图例legend颜色是黑色的,有时候根据ui需要,根据不同的背景色,需要将图例文字调成白色或者其他颜色,下面这篇文章主要给大家介绍了关于echarts饼图指示器文字颜色设置不同的相关资料,需要的朋友可以参考下2022-07-07
bootstrap paginator分页插件的两种使用方式实例详解
Bootstrap Paginator是一款基于Bootstrap的js分页插件，下面通过本文给大家介绍bootstrap paginator分页插件的两种使用方式，一起看看吧2017-11-11
这篇文章主要为大家详细介绍了js+canvas代码雨效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
越来越多的网站进行数据传输时不使用明文传输,本文主要介绍了JS逆向之加密参数定位,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-01-01
这篇文章主要介绍了r.js来合并压缩css文件的示例代码，在r5下新建一个css文件夹，里面有四个css文件：main.css、nav.css、form.css、grid.css，具体示例代码大家参考下本文2018-04-04
这篇文章主要介绍了JavaScript实现监控上传和下载进度,文章围绕主题展开详细的内容介绍，具有一定的参考价值需要的小伙伴可以参考一下2022-05-05
这篇文章主要给大家介绍了JS中普通函数和箭头函数的this指向，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-09-09
最新评论