当前位置：首页 > 资讯 > 技术文档

JavaScript函数基础详解

时间：2021-06-01 10:58 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript函数基础详解

[b]什么是函数?[/b] 函数是完成某一功能的代码段函数是可重复执行的代码段函数方便管理和维护 [b]自定义函数[/b] [b]通过function关键字[/b] [code]function 函数名称([参数,...]){[/code] [b]代码段;[/b]

return 返回值;
}

[b]注意[/b] 函数名称不要包含特殊字符函数名称最好含义明确函数名称最好遵循驼峰标记法或者下划线法函数名称严格区分大小写函数名称如果重复会产生覆盖函数可以有参数也可以没有参数，可以有一个参数也可以有多个参数函数通过return加返回值，如果没有return 默认返回undefined 函数不调用不执行 [b]匿名函数[/b] 函数表达式可以存储在变量中，变量也可以作为一个函数使用可以将匿名函数作为参数传递给其它函数，接收方函数就可以通过所传递进来的函数完成某些功能可以通过匿名函数来执行某些一次性的任务 [b]通过Function()构造函数[/b] 通过内置JavaScript函数构造器(Function())定义

var myFunction=new Function('a','b','return a+b');
var myFunction=function(a,b){return a+b;};

[b]注意[/b] 以上两种方式是等价的尽量避免使用new关键字 [b]源代码[/b]

<!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>

运行结果： [img]http://files.jb51.net/file_images/article/201702/201723115421014.png?201713115442[/img] 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程素材网！

全部评论(0)

上一篇：javascript时间函数基础介绍
下一篇：JavaScript实现简单的数字倒计时

资讯排行榜
更多>>