谈谈JavaScript中的函数
更新时间：2020年09月08日 09:45:37 作者：white night
这篇文章主要介绍了JavaScript中的函数的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
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 函数的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家详细介绍了js实现简单的无缝轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
今天小编就为大家分享一篇基于bootstrap页面渲染的问题解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了基于JavaScript实现的插入排序算法,结合实例形式详细分析了插入排序的原理、操作步骤及javascript相关实现技巧与注意事项,需要的朋友可以参考下2017-04-04
这篇文章主要为大家详细介绍了微信小程序实现拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
这篇文章主要介为大家详细绍了Bootstrap CSS布局之按钮的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了JavaScript小技巧,整理汇总了JavaScript常用的6个实用技巧,属于JavaScript边角技巧的总结,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了如何利用css+原生js制作简单的钟表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
DOM节点是一个对象，它有着一些属性。其中有些是只读的，有些可以直接进行更改（updated on-the-fly）。今天我们就来具体探讨下DOM的基本属性，希望对大家能有所帮助2015-02-02
在论坛里经常看到人问选项卡或者类似选项卡的切换效果 这里封装了个js，希望对大家有用 所有代码都在下面了 如果有错误或者建议，可以回贴告诉我，谢谢2008-02-02
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
兼容:IE7以上版本及FF；（腾讯的WebQQ3.0好像也不兼容IE6,其实这样挺好的）2011-04-04
最新评论