谈谈JavaScript中的函数

时间:2021-05-25

JS中的函数简介

JS中的函数是一种通过调用来完成具体业务的一段代码块。最核心的目的是将可重复执行的操作进行封装,然后供调用方无限制的调用。

JS中的函数的定义

JS中函数定义,有如下两种形式:

方式1

function f1(){} //函数声明,f1为函数名,可以将其理解为变量f1指向一个函数function f2(){return 100;}//函数允许有返回值function f3(a,b){}//函数中可以定义多个参数,无需指定变量类型

方式2

var f4=function(){} //函数表达式,这里变量名f4为函数名var f5=function(){return 100;}//函数允许有返回值var f6=function(a,b,c){}

案例分享

JS中的函数调用

JS中的函数定义好以后,必须调用才会执行,常用调用方式有如下两种:

方式1:通过函数名直接调用

f1();f3(10,20); //调用函数时指定其实际参数f6(10,20,30)

方式2:匿名函数自调用,目的是创建函数作用域,防止污染全局.

(function(){})()(function(){}())

案例分享

基于函数名进行调用

函数的自调用

回调函数

JS中的回调函数,将函数以实参的形式进行传递。

function f(callback){ callback()//调用传入的匿名函数};//定义函数f(function(){console.log("hello"))//调用函数,函数内部传入的匿名函数为回调函数

案例分享

JS中的回调函数,将函数以实参的形式进行传递。

function f(callback){ callback()//调用传入的匿名函数};//定义函数f(function(){console.log("hello"))//调用函数,函数内部传入的匿名函数为回调函数

案例分享

总结(Summary)

本小节主要从函数的概念,定义,调用,回调几个角度对函数做了一个基本介绍,小试伸手,用于交流。

以上就是谈谈JavaScript中的函数的详细内容,更多关于JavaScript 函数的资料请关注其它相关文章!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章