谈谈JavaScript中的函数


Posted in Javascript onSeptember 08, 2020

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){}

案例分享

谈谈JavaScript中的函数

JS中的函数调用

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

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

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

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

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

案例分享

基于函数名进行调用

谈谈JavaScript中的函数

函数的自调用

谈谈JavaScript中的函数

回调函数

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

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

案例分享

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

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

案例分享

谈谈JavaScript中的函数

总结(Summary)

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

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

Javascript 相关文章推荐
获取body标签的两种方法
Oct 13 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
Vue官网todoMVC示例代码
Jan 29 Javascript
说说如何利用 Node.js 代理解决跨域问题
Apr 22 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 #Javascript
浅析JavaScript 函数柯里化
Sep 08 #Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 #Javascript
JavaScript 事件代理需要注意的地方
Sep 08 #Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 #Javascript
详解JavaScript的this指向和绑定
Sep 08 #Javascript
vue点击按钮实现简单页面的切换
Sep 08 #Javascript
You might like
php中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
PHP常用工具函数小结【移除XSS攻击、UTF8与GBK编码转换等】
2019/04/27 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
繁简字转换功能
2006/07/19 Javascript
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
jQuery Ztree行政地区树状展示(点击加载)
2016/11/09 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
2020/06/06 jQuery
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python3实现读取chrome浏览器cookie
2016/06/19 Python
Python复制Word内容并使用格式设字体与大小实例代码
2018/01/22 Python
python合并同类型excel表格的方法
2018/04/01 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
html5用video标签流式加载的实现
2020/05/20 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
EJB的基本架构
2016/09/22 面试题
J2EE面试题大全
2016/08/06 面试题
咖啡店自主创业商业计划书
2014/01/22 职场文书
年会主持词结束语
2014/03/27 职场文书
就业协议书样本
2014/08/20 职场文书
保研导师推荐信
2015/03/25 职场文书
民事调解书范文
2015/05/20 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python