领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

javascript函数基础

nixiaole 2024-11-25 15:48:20 知识剖析 18 ℃
关键字:function
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
定义
function 函数名( [参数1, 参数2…]){
语句
}
不带参数
function test(){
alert("欢迎光临");
}
带参数 注意:参数不加var
参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量,不用var定义
function test(name){
alert("我的名字是"+name);
}
带参数带返回值
return语句用于返回表达式的值,也可以没有
function test(a,b){
return a+b;
}

使用示例(可复制直接运行)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
//编写一个无参数无返回值的函数
function f1() {
alert("我的第一个js函数");
}
//直接调用(函数必须要被调用才能够执行)
f1();
//编写一个带参数的函数
function f2(name) {
alert("大家好,我叫" + name);
}
//调用带参数的函数
//f2();//出现的结果是 大家好,我叫undefined (原因是因为该函数需要一个参数,但是呢在调用时没有给其参数,所以返回了undefined 未赋值的 未定义)
//f2("张三");
//带返回值的函数
function f3(score) {
//根据成绩返回等级
if (score >= 80) {
return "优秀";
} else {
return "一般";
}
}
//调用带返回值的f3函数
alert(f3(90)); //待返回值的函数直接调用得不到返回值,只能接受或者输出方可得到返回值
</script>
</head>
<body>
</body>
</html>

Tags:

最近发表
标签列表