函数
在计算机编程中,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。有一些语言叫作方法,比如说Java,但是其性质都是一样的。因为有函数的存在,才让程序变得更为简洁,本文只对JavaScript函数作个简单的讲解。
函数的定义
在JavaScriptg 中使用function关键字来定义函数,语法为function functionname(){ // 执行代码 },functionname为自定义的函数名称,用来调用函数等操作。JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script>
function greeting(){ //创建函数
alert("你好");
}
greeting();//调用函数
</script>
</body>
</html>
当然了,除了以上的方法创建函数,我们还可以将函数赋值给变量。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script>
var greeting = function (){ //赋值给变量
alert("你好");
}
greeting();//调用函数 效果都是一样的
</script>
</body>
</html>
调用函数在函数名后面加括号即可,如果有参数需要传入同类型的参数。
函数参数
参数是函数一个重要的概念,如果把函数比作打印机(函数是功能),参数就是可以打印的各种文件(参数是对功能的不同应用)。参数分为形参和实参,定义函数时的是形参,调用函数时传入的是实参。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script>
function greeting(name){ //name形参
alert("你好,"+name);
}
greeting("Cherry");//Cherry实参
</script>
</body>
</html>
参数让函数实现了功能规模化,而不仅仅做一件事,一个函数可以有多个参数。
函数返回值
默认创建的函数不带返回值,我们可以在函数体中使用return设置需要返回的值,当函数被执行时会返回值。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script>
function sum(a,b){ //多个函数参数
return a+b;
}
var c = sum(1,2);//调用函数得到返回值
console.log(c)// 3
</script>
</body>
</html>
return后面的语句不再执行,在函数内部使用return不会终止函数外的程序执行。
网友评论