Javascript中自定义函数与匿名函数详解

最新推荐文章于 2024-05-14 23:27:22 发布

lidiya007

最新推荐文章于 2024-05-14 23:27:22 发布

阅读量956

点赞数

文章标签： web前端 javascript

什么是函数?函数是完成某一功能、可重复执行的代码段，在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>

</head>

<body>

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

运行结果：

原文链接：http://www.maiziedu.com/wiki/js/function/

lidiya007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript中自定义函数与匿名函数详解

什么是函数?函数是完成某一功能、可重复执行的代码段，在javascript开发中，使用函数，非常方便管理和维护。今天和大家分享的就是其中的自定义函数与匿名函数相关用法，一起来看看吧。自定义函数通过function关键字 function 函数名称([参数,...]){ 代码段; return 返回值;} 注意函数名称不要包含特
复制链接

扫一扫