JavaScript函数基础详解
本文详细介绍JavaScript中函数的基本概念、定义方法及命名规范。涵盖通过function关键字、函数表达式及Function构造函数三种创建方式，解析参数传递、返回值机制及匿名函数的应用场景，帮助开发者掌握函数基础并避免常见错误。
JavaScript函数基础概念
什么是函数？
函数是一段用于实现特定功能的代码块。
函数支持重复执行，提高代码复用率。
使用函数有助于代码的管理与维护。
自定义函数的定义与规范
自定义函数
使用function关键字进行定义。
function 函数名称([参数,...]){
代码段;
return 返回值;
}注意
函数名称中不应包含特殊字符。
函数名称应具备明确的含义。
建议函数名称遵循驼峰命名法或下划线命名法。
函数名称严格区分大小写。
若函数名称重复，后定义的函数将覆盖先前的定义。
函数可以包含参数，也可以没有参数；参数数量可以是一个或多个。
函数通过return语句返回结果，若未指定return，则默认返回undefined。
函数只有在被调用时才会执行。
匿名函数的应用
匿名函数
函数表达式可以赋值给变量，该变量即可作为函数使用。
匿名函数可作为参数传递给其他函数，接收方通过该参数执行特定功能。
匿名函数常用于执行一次性任务。
Function构造函数定义法
通过Function()构造函数
使用内置的JavaScript函数构造器Function()进行定义。
var myFunction=new Function('a','b','return a+b');
var myFunction=function(a,b){return a+b;};注意
上述两种定义方式在功能上是等价的。
建议尽量避免使用new关键字。
源代码
<!DOCTYPE html>
<html>
<head>
<meta charSet="utf-8">
<title></title>
</head>
<body>
<Script type="text/javaScript">
// teSt();
function teSt(){
alert('thiS iS a teSt');
}
// teSt();
//函数名称严格区分大小写
function TEST(){
alert("hello king");
}
// TEST();
//函数名称重复会产生覆盖
// teSt();
function teSt(){
alert('hello maizi');
}
// teSt();
function teSt1(){
alert('thiS iS teSt1 function');
}
// alert(teSt1());
function teSt2(){
return null;
return undefined;
return;
return true;
return 'thiS iS king';
return 1.2;
alert('thiS iS a teSt');
return 1;
}
// alert(teSt2());
function calc(num1,num2){
return num1+num2;
}
// alert(calc(1,2));
// alert(window.calc(3,5));
// alert(calc(1,2,3,4,5,6));
// function calc1(num1=1,num=2){
// return num1+num2;
// }
function calc1(num1,num2){
num1=num1||1;
num2=num2||2;
return num1+num2;
}
alert(calc1(3,6));
</Script>
</body>
</html>运行结果：
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持本站！
JavaScript入门书籍避坑：这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式：声明、表达式与箭头函数
2026-11-05 13:50:55
JavaScript中escape、encodeURI和encodeURIComponent对空格的处理差异
2026-11-05 12:47:23