JavaScript函数基础详解

什么是函数?

函数是完成某一功能的代码段

函数是可重复执行的代码段

函数方便管理和维护

自定义函数

通过function关键字

function 函数名称([参数,...]){

代码段;

return 返回值; }

注意

函数名称不要包含特殊字符

函数名称最好含义明确

函数名称最好遵循驼峰标记法或者下划线法

函数名称严格区分大小写

函数名称如果重复会产生覆盖

函数可以有参数也可以没有参数,可以有一个参数也可以有多个参数

函数通过return加返回值,如果没有return 默认返回undefined

函数不调用不执行

匿名函数

函数表达式可以存储在变量中,变量也可以作为一个函数使用

可以将匿名函数作为参数传递给其它函数,接收方函数就可以通过所传递进来的函数完成某些功能

可以通过匿名函数来执行某些一次性的任务

通过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函数基础详解

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwgswg.html